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

コードに入力ファイルが必要ない、または入力ファイルのスタイルが必要ない? 2 番目のケースでは、次のことができます。

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

Answer 3

このjsfiddleをチェックしてください。フィールドを非表示にして、ボタンのクリックを入力のクリックにバインドできます。

jsfiddle

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

Answer 4

あなたができることは、ページの上部にある入力ファイル「非表示」であり、次のようにボタンで呼び出します。

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

そして、あなたはjQueryでそれを呼び出します

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

そして、ファイルが選択されると、それを知ることができます

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