HTML提供的默认上传标签<input type='file'/>样式古板,满足不了产品的设计要求。
网上提供了许多方式来美化,大部分是通过创建一个按钮放在input之下,让input透明度为零;这样表面上是在按按钮,其实是触发了input的上传操作;
这里提供的方法是偶然从网上看到的,十分便捷和方便。
<input type="file" name="file" id="file" class="inputfile" />
<label for="file">Choose a file</label>
给input的样式:
display: none;
visibility: hidden;
label的样式,你可以DIY了