<input name=myFile type=file>
(1) multiple: ユーザーが複数の値を選択できるかどうかを示します。 Multiple は、type=file および type=email でのみ使用できます。
(2) accept: サーバーが受け入れたファイルタイプ。それ以外の場合は無視されます。
audio/* はサウンド ファイルを表します。 HTML5でのみサポートされています
video/* はビデオ ファイルを表します。 HTML5でのみサポートされています
image/* は画像ファイルを表します。 HTML5でのみサポートされています
(3) 必須: この属性は、ユーザーがフォームを送信する前に値を入力する必要があることを指定します。
3. アップロードされたファイル情報を取得する<!DOCTYPE html><html lang=zh> <head> <meta charset=UTF-8 /> <meta http-equiv=X-UA-互換コンテンツ=ie=edge /> <title>ファイル複数</title> </head> <body> <input type=file multiple=multiple id=test> <p id='content'></p> <script type=text/javascript> var test = document.getElementById('test'); test.addEventListener('change', function() { var t_files = this.files; var str = ''; for(var i = 0, len = t_files.length; i < len ; i++) { console.log(t_files[i]); str += '<a href=javascript:void(0)>' + t_files[i].name + '</a><br/>' }; document.getElementById('content').innerHTML = str; </script> </body></html>
見せる:
より具体的な使用法については、MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file を参照してください。
要約する上記は、編集者によって導入された新しい HTML5 機能 type=file ファイルのアップロード機能です。ご質問があれば、メッセージを残してください。編集者がすぐに返信します。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました!