input:file的点击事件高级实现

有过尝试的人都知道，对于input:file的样式难看的处理方法，一般都是透明化input，实际点击的还是input:file，使用js操纵？   $("#File").click()？这该是大家都会想到的方法，可是，很不好意思，无法起到作用，经过一番查阅，终于找到js操作呢input:file的方法，很简单

1 function clp(){
2    return  document.getElementById.click();
3 }
4 <button class = "clp" onclick = "clp();">clp</button>
5 <input type="file" id="File" />

 

只需添加一个return就可以解决这个问题了！

以后，就可以肆意地使用漂亮的图案来替换input:file的位置，而不必使用样式来透明做所谓的假象了！

 

转自：http://blog.youkuaiyun.com/business122/article/details/8542890

转载于:https://www.cnblogs.com/once1988/p/5210396.html