JavaScript を使用してアップロードする前にファイル サイズを確認するにはどうすればよいですか?

JavaScript でアップロード前にファイル サイズを確認する

JavaScript の高度な機能を使用すると、アップロード前にファイル サイズを検証できます。これにより、サイズ制約が確実に遵守され、ファイル サイズが大きいことによるサーバー側の問題やユーザーの不満が防止されます。

解決策: ファイル API

ファイル API は、簡単なクライアント側でファイルを操作する方法。実際の例を次に示します。

document.getElementById("btnLoad").addEventListener("click", function showFileSize() {
  // Check for browser support
  if (!window.FileReader) {
    console.log("File API not supported");
    return;
  }

  var input = document.getElementById("fileinput");

  // Check for selected file
  if (!input.files || !input.files[0]) {
    addPara("Select a file first");
  } else {
    var file = input.files[0];
    addPara("File " + file.name + " is " + file.size + " bytes in size");
  }
});

このスクリプト:

1. 「ロード」ボタンのクリックをリッスンします。
2. ファイル API サポートを確認し、警告します。利用できない場合。
3. から選択したファイルにアクセスします。要素。
4. ドキュメント本文のファイル サイズを記録します。

このスクリプトをアップロード フォームに統合することで、大きなファイルの送信を効果的に防止し、シームレスなユーザー エクスペリエンスを提供できます。

以上がJavaScript を使用してアップロードする前にファイル サイズを確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。