JavaScript input file类型自定义按钮样式

最新推荐文章于 2022-12-01 15:12:02 发布

weixin_33851177

最新推荐文章于 2022-12-01 15:12:02 发布

阅读量315

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/kdy1994/blog/1607317

版权

2019独角兽企业重金招聘Python工程师标准>>>

网上有很多关于此问题的答案。

第一种是JS调用方式，这种方式不推荐会被浏览器禁用。

第二种是用CSS样式opacity: 0;设置input-file透明度为0，这样就可以实现点击自定按钮实现上传功能了。

推荐使用CSS方式



<a href="javascript:void(0);" class="vBtn" onclick="checkKey();">
    验证
    <input id="uoload_input_0" class="selectbtn" style="top: 32%;position: absolute;left: 44%;
    width: 71px;height: 32px;opacity: 0;" type="file" name="fileselect[]" multiple="" accept="*">
</a>