jquery - jquery打开文件搜索窗口

Question

我创建了一个简单的按钮：

<button id="mybutton">Search</button>

单击此按钮时，我需要打开搜索文件窗口。我需要输入类型文件的行为。

而且我不想使用输入类型文件:)

任何想法 ？谢谢 ！

Answer 1

您可以触发单击，然后监听#file更改：

$(function(){
    $('#mybutton').on('click', function(){
       $("#file").trigger('click'); 
    });
    $("#file").on('change', function(){
       console.log(this.value);
    });
});

作为this.value文件路径/文件

检查这个JSFiddle

Answer 2

check out this jsfiddle. You can hide the field, and bind the button click to the input click.

jsfiddle

$("#mybutton").click(function () {
    $("#idofinputfield").click();
})

Answer 3

您可以做的是在页面顶部“隐藏”一个输入文件，并通过您的按钮调用它，如下所示：

<input type="file" name="file" id="file" style="position: absolute; top: -1000px;" />

你用 jQuery 来调用它

$('#myButton').click(function() {
     $('#file').click();
});

当文件被选中时，你可以知道它

$('#file').change(function() {
    // Code here
});

Answer 4

您不想在代码中输入文件，或者您不想要输入文件样式？在第二种情况下，您可以这样做：

$('#inputfile').hide();
$('#mybutton').click(function() {
  $('#inputfile').click();
});