JavaScriptを使用してアップロードする場合のファイルタイプの検証

雇用専用のソーシャル メディア プラットフォームでは、ユーザーがアカウントを作成でき、採用担当者が分析できるように必要な書類をアップロードするよう求められます。ユーザーからファイルを収集するために、これらの Web サイトはユーザー詳細フォームに「ファイルのアップロード」または「ファイルの選択」オプションを提供し、「.pdf」、「.jpg」、「.png」などの特定のファイル タイプのみを受け入れます。 "待って。このプロセスはファイル検証と呼ばれ、JavaScript を使用して実行できます。

この記事では、JavaScript を使用してファイルの種類を検証するオプションを設計します。これを行うには、次のようにします -

• ステップ 1 - validateFileType() という関数を作成します。

• ステップ 2 - ファイル入力フィールドの値が変更されたときに、validateFileType() 関数をトリガーします。

• ステップ 3 - document.getElementById('fileInput').files[0] を使用して、ファイル入力フィールドから選択したファイルを取得します。

• ステップ 4 - 許可されたファイル タイプ (例: "image/jpeg"、"image/png"、"application/pdf") を含む allowedTypes という配列を定義します。

• ステップ 5 - include() メソッドを使用して、選択したファイルの種類が allowedTypes 配列に含まれているかどうかを確認します。

  allowedTypes 配列にある場合は、画面にファイル名を表示します。

  ファイルの種類が見つからない場合は、次の手順に従ってください。

• ステップ 6 - 「無効なファイル タイプです。JPEG、PNG、または PDF ファイルを選択してください。」という警告メッセージをユーザーに表示します。

• ステップ 7 - document.getElementById('fileInput').value を空の文字列に設定して、ファイル入力フィールドの名前をクリアします。

＃＃＃例＃＃＃

以下の例では、上記の方法を使用してアップロード時にファイルの種類を検証します -

リーリー

上記の手順を実行後、ファイルをアップロードしてみると、ファイルが「.jpg」「.png」「.pdf」の場合は、画面にファイル名が表示されます。それ以外の場合は、「無効なファイル タイプ」という警告が表示されます。

以上がJavaScriptを使用してアップロードする場合のファイルタイプの検証の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。