改变文件上传input file类型的外观

it2022-05-09  28

当我们使用文件上传功能时,<input type="file">,但是外观有点不符合口味,如何解决这个问题? <input type="file" id="fileInput" style="display:none;"> <input id="img-upload" type="button" onclick="showFileInput()" value="点击上传照片"> <script> function showFileInput(){ var fileInput=document.getElementById("fileInput"); fileInput.click(); } </script> 还是用到了input的上传功能,只不过不在点击它,而是通过点击button,从而传递到file,实现间接点击file按钮,功能实现了,下面就可以随意对button修改你想要的样式了

转载于:https://www.cnblogs.com/YeChing/p/6708070.html

相关资源:input file上传文件样式支持html5的浏览器解决方案

最新回复(0)