javascriptでファイルを複数選択した際の名前を表示する(HTML側)

htmlとjavascriptでファイルを複数選択してその選択したファイル名を取得するスクリプト html側

<input type="file" id="file_id"  name="file_name[]" multiple="multiple">
// type="file"によってアップロードボタンを id="file_id" でid名をつけて name="file_name[]"で情報がfile_nameという名前で配列で入れられる  multiple="multiple" で複数選択可能にする。注意点はname="file_name[]"という配列の形で取得することと multiple="multiple" を忘れないこと ぐらいかと思われます。

javascript側は時間があれば追記します。(流れ的には getElementById かなんかでidから各要素を引っ張ってきてfor文で回す形になると思われます)

AWS構築サービスの全てをまとめた資料を公開中

ハックノート(TOWN株式会社)では、AWSの導入や構築支援を行っています。AWS導入メニューやサービス詳細、構成例や費用を掲載した資料をダウンロードできます。

AWSの新規導入やAWSへの移行を検討の際は、ぜひご参考ください。


APNコンサルティングパートナー

TOWN株式会社はAmazon公認コンサルティングパートナーです。