jQueryでファイル入力サイズを確認する方法?

jQuery を使用してファイル入力サイズを確認する方法

問題:

に対してクライアント側のエラー レポートを実装したいと考えています。 jQuery を使用したファイル アップロード フォームのサイズ超過ファイル。ファイル サイズをローカルで確認できるのか、それともサーバーに送信して確認できるのか疑問に思っています。

答え:

ファイルへの直接アクセスは利用できませんが、 JavaScript の HTML5 ファイル API は、ファイル サイズなどのさまざまなファイル プロパティを公開します。

最新のブラウザ向けソリューション (HTML5 準拠):

<code class="html"><input type="file" id="myFile" /></code>

<code class="javascript">$('#myFile').bind('change', function() {
  alert(this.files[0].size); // Gets the file size in bytes
});</code>

古いブラウザのサポート:

古いブラウザは File API をサポートしていない可能性があります。コードを使用する前にサポートを確認してください:

<code class="javascript">if (window.File && window.FileReader && window.FileList && window.Blob) {
  // File API support detected, continue with the solution above
} else {
  // Fallback handling for older browsers
  // (e.g., display an error message or implement custom file size validation)
}</code>

以上がjQueryでファイル入力サイズを確認する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。