アップロードする前にファイルサイズを検証する方法は？

Question

可能性の重複：
How can you determine the file size in JavaScript?

Gmailはバックページの投稿をさせることなく、ファイルサイズと警告をチェックするためのオプションがあります。

この機能を自分で実装するにはどうすればよいですか？

Answer 1

Gmailは、この目的でFlashアプリケーションを使用しています。ファイルサイズを確認する場合は、そのような環境内でファイルサイズを確認する必要があります。 JavaScriptだけではこれを達成する仕組みがありません。

Answer 2

Uploadifyは、ファイルサイズを確認するためにフラッシュを使用するjQueryプラグインで、他の機能も備えています。 http://www.uploadify.com/documentation/options/sizelimit/

Answer 3

HTML5を使用すると、JavaScriptを使用してクライアント側でこれを実現できます。これはjQueryですが、それは当然のことながらはもちろんです：http://jsfiddle.net/pimvdb/S4mEv/2/。すべてのブラウザで（まだ）利用できるわけではないことに注意してください。

$('#file').change(function() { 
    alert(this.files[0].size + " bytes"); 
}); 

https://developer.mozilla.org/en/DOM/File

Answer 4

あなたは、そのファイルHTML5 JSファイルのAPIを行うことができます

あなたは自分のWeb IDEに以下のコードを実行します（ただし、GoogleのクロムやFFを使用してください）テストすることができます

： http://codesocialist.com/#/?s=bN

を

以下のコードはファイルタイプとファイルサイズを取得します:)

<input type="file" id="files" name="files[]" multiple /> 
<output id="list"></output> 

// Check for the various File API support. 
if (window.File && window.FileReader && window.FileList && window.Blob) { 

    // Great success! All the File APIs are supported. 
    function handleFileSelect(evt) { 
     var files = evt.target.files; // FileList object 

     // files is a FileList of File objects. List some properties. 
     var output = []; 
     for (var i = 0, f; f = files[i]; i++) { 
      output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ', f.size, ' bytes </strong></li>'); 
     } 

     document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>'; 
    } 

    // Bind Event Listener 
    document.getElementById('files').addEventListener('change', handleFileSelect, false); 

} else { 
    alert('The File APIs are not fully supported in this browser.'); 
}