点击图片上传文件,简单有效
在网上找的一些文章都是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!