Javascript 如何使用imgsrc浏览和上传图像

我想做的就是把它藏起来

<input type='file' id="imgInp" accept="image/*" />

---

您可以使用CSS删除文件输入的不透明度，并将其放置在图像上：

#form1{position:relative}
#imgInp{position:absolute;opacity:0;height:100%;top:0;cursor:pointer}

---

浏览器变体可能适用。演示：

您可以隐藏输入控件

<input type='file' id="imgInp" accept="image/*" hidden="hidden" />

最后听一下图片上的点击，并触发对输入控件的点击

$("#Picture").click(function () {
    $("#imgInp").click();
});

---

您可以这样做：

CSS Javascript

#Picture {
    width: 120px;
    height: 120px;
    cursor: pointer;
}

$("#Picture").click(function () {
    $("#imgInp").click();
});

#imgInp { display:none;}

$("#Picture").on('click', function() {$("#imgInp").trigger('click')})