エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[ライブラリ不要]ファイルのmultipleアップロードの画像をプレビューする | カバの樹
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[ライブラリ不要]ファイルのmultipleアップロードの画像をプレビューする | カバの樹
はじめに 以前、javascriptだけでファイルのアップロード前に画像を確認する方法について記事を書きまし... はじめに 以前、javascriptだけでファイルのアップロード前に画像を確認する方法について記事を書きました。 【jQuery不要】javascriptだけでinput=fileの画像プレビュー機能を実装する コメントで言われて気がついたのですが、multiple プロパティを設定した場合の記事を書いて無かったなと。 というわけで早速作ってみました。 導入 HTML <input type="file" onChange="loop(event, 'item1')" multiple> <div id="preview-item1"></div> <input type="file"> に onChange イベントで loop 関数を設定しています。 loop の引数は、第一引数に event を 第二引数にID(今回はitem1)を持たせています。 第二引数のIDは、<div> のi