jquery - ファイルが選択されたときにファイルリストオブジェクトを取得する Jquery

Question

<div>ファイルリストオブジェクトを取得するためにファイルをドラッグアンドドロップするときに使用var files=e.originalEvent.dataTransfer.files;しましたが、アップロードウィンドウからファイルを選択するときに何を使用すればよいかわかりません。

このjsfiddleを確認してください。

からファイルリストを取得するには何を使用すればよい<input type="file">ですか?

Answer 1

任意の jQuery オブジェクトには、[] を使用してアクセスされる DOM 要素があります。たとえば、

$('input[type=file]')[0].files;

あなたのフィドルには、次のようになります。

var files = this.files;

changeイベントのため、この場合はjQueryは必要ありません

更新されたフィドルを参照してくださいhttp://jsfiddle.net/qdJ2T/1/

Answer 2

FileList オブジェクトにアクセスするさまざまな方法:

$("#btStartUpload").on("click", function(evt) {        

        var filesSelected = document.getElementById('btInput').files; // FileList object
        var filesSelected = $('#btInput').prop('files'); // with jQuery
        var filesSelected = $('#btInput')[0].files; // with jQuery
        var filesSelected = $('input[type=file]')[0].files;  // with jQuery
        console.log(filesSelected);

        // action
    });