其他标签代理file 代理选择文件按钮“<input type="file">”

<input type="file">默认的文件选择按钮很难看，每个浏览器上展示方式也不统一，我们可以把file绑定在图片标签或者其他标签上，给标签设置喜欢的样式，当点击设置的标签即可触发选择文件事件，方法如下：

<input type="file" name="file_img1" id='file_box1' style="display:none" />  
<a href="javascript:;" onclick="file_box1.click()" >上传</a> 

原理就是隐藏默认的FileUpload 对象样式，然后通过其他元素点击事件来调取原有的FileUpload 对象点击事件。

通过获取到的文件值还可以赋值到隐藏输入域或者其他输入域里，如下：

<input type="hidden" id="hidden_box" />
<input type="file" name="file_img2" id='file_box2' onchange="document.getElementById('hidden_box').value=this.value" style="display:none" />  
<a href="javascript:;" onclick="file_box2.click()" >上传</a>