5

私のフォームには、ファイルの種類を持つ入力要素があります。私がやりたいのは、検証の問題のために要素がアップロードされる前にファイルサイズをチェックすることです。主要な Web ブラウザの大部分を使用することで (IE は常に処理が難しくなります)、新しいファイルを選択してファイル サイズやその他の有用な情報を表示するたびに更新される「属性」をすべてが使用していることに気付きました。

これがChrome Webブラウザに表示されるものです：

ここに画像の説明を入力

問題は、JavaScript でその値にアクセスするにはどうすればよいかということです。私はいくつかの方法を試しましたが、どれも私には良くありませんでしたか? 良いアイデアをお願いします。

注: 私の Web サイトでは jQuery を使用しているため、通常の JavaScript だけを答えにすることは重要ではありません。

敬具 メリノス・ニコス

4

2 に答える 2

3 
//use any ol' selector to get the <input /> element:
var inputElement = document.querySelector("input[type='file']");

//then it's just like you'd access any object's attributes:
var fileSize = inputElement.files[0].size;
//note that it's a list of files, so you can loop through them
//in case the element accepts multiple files

//if you want all of the attributes, do something like:
for (var key in inputElement.files[0])
    if (inputElement.files[0].hasOwnProperty(key))
         console.log(key,inputElement.files[0][key]);
于 2012-04-11T08:58:39.513 に答える
0

また ：

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

    var filesSelected = document.getElementById('btInput').files; // FileList object
    // var filesSelected = $('#btInput')[0].files; // with jQuery, any jQuery object have it's DOM element accessed using [0]
    // var filesSelected = $('input[type=file]')[0].files;
    console.log(filesSelected);
});
于 2014-11-21T07:08:36.163 に答える