Question

我见过this网站。如果单击center元素，它将打开一个文件对话框，以便您上传图像。我知道如何使用input[type=file]打开文件对话框。

如何打开相同的对话框并通过jQuery事件使用其输出（例如，click上的div）？

Answer 1

它只是调用点击隐藏的输入;

<input id="fileSelector" type="file" style="visibility:hidden"/>
<div id="adiv">Click<div>

...

$(function() {
    $("#adiv").click(function() {
        $("#fileSelector").click();
    });
});

Answer 2

 $("#uploadFile").click(function (e) {
      $(this.find('input[type="file"]').click();
  });

其中'uploadFile'可以是您单击并输入的div或按钮[type =“file”]是asp.net文件上传控件，其可见性设置为false

打开没有FILE输入的文件对话框

2 个答案: