ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用してアップロードする前にファイル サイズを確認するにはどうすればよいですか?

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

Mary-Kate Olsen
リリース: 2024-12-15 20:56:16
オリジナル
734 人が閲覧しました

How Can I Verify File Size Before Uploading with JavaScript?

JavaScript を使用したアップロード前のファイル サイズの確認

ファイルのアップロードを処理する場合、ファイル サイズが特定の制約を満たしていることを確認することが重要です。 JavaScript は、File API を使用してこれに対する洗練されたソリューションを提供します。

解決策:

アップロードする前にファイル サイズを検証するには、次のコードを利用します:

// Setup event listener for 'Load' button click
document.getElementById("btnLoad").addEventListener("click", function () {
  // Verify browser support for FileReader
  if (!window.FileReader) {
    console.log("File API not supported.");
    return;
  }

  // Retrieve the file from the file input
  var input = document.getElementById("fileinput");
  var file = input.files[0];

  // Validate file size
  if (!file) {
    console.log("No file selected.");
  } else {
    console.log("File " + file.name + " is " + file.size + " bytes in size.");
  }
});
ログイン後にコピー

説明:

  • これコードは、FileReader API を使用してファイルを読み取り、そのサイズをバイト単位で決定します。
  • 検証は、[読み込み] ボタンに関連付けられたイベント リスナーで行われます。
  • ファイルが正常に取得され、サイズ制約を満たしている場合、ファイル名とサイズがコンソールに表示されます。
  • ファイルが選択されていない場合、またはブラウザがファイル API をサポートしていない場合は、適切なメッセージが表示されます。
と表示されます。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート