HTML5 上传文件按钮代码

1. 使用文字代替

<label class="ui_button ui_button_primary" for="xFile">上传文件</label>
<form><input type="file" id="xFile" style="position:absolute;clip:rect(0 0 0 0);"></form>

1. 使用图片代替

<label class="ui_button ui_button_primary" for="xFile"><img src="./images/aaa.png"></label>
<form><input type="file" id="xFile" style="position:absolute;clip:rect(0 0 0 0);"></form>

说明: 
1.在 input type=’file’ , 定义一个id , 样式使得原生的按钮透明 
2. 使用一个label , 这个label可以在form里面,也可以在form外面, label里面的内容可以是文字 , 也可以是图片