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

muramatsu 12views 更新:2016年11月28日

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文で回す形になると思われます)

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません