html 文件域美化

html 中的 文件上传控件是非常难看的。玩QQ漂流瓶无意间发现一个非常好的美化方法。现贡献出来以供大家使用。

<div id="fileBtn" style="cursor:pointer;background-image:url('xx.jpg'); withd:30px; height:20px;" onclick="document.getElementById('fileUploader').click();"></div>
<form>
<input type="file" name="file" id="fileUploader" style="display:none;" />
</form>

美化之后 看起来效果好多了， 在配上ajax无刷新上传 灰常的好用。