概述
点击图片上传文件，简单有效
在网上找的一些文章都是A抄B，B抄C 还都没啥用，自己蠢了 其实很简单，记录一下。
Html 代码：
<div style="width: 30%;margin-left: 3%;position: relative;height: auto">
<img src="images/icon/photo.png" onclick="imgclick()" width="100%">
<input id="file" type="file" name="file" class="file" value="" onchange="upload()" style="display: none">
</div>
js代码：
function imgclick(){
$("#file").click();
}
将原本的input标签进行隐藏，而在图片上添加点击事件，通过js触发input标签，OK！
最后
以上就是斯文大雁为你收集整理的实现点击img图片标签触发上传文件input按钮的全部内容，希望文章能够帮你解决实现点击img图片标签触发上传文件input按钮所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复