Subscribed unsubscribe Subscribe Subscribe

@peccul is peccu

(love peccu '(emacs lisp cat outdoor bicycle mac linux coffee))

フォームで選択した画像をプレビューしたり消したりする

画像ファイルを選択すると、ファイル選択フォームのそばに表示したり、消したりするサンプル。

サンプル

See the Pen preview image form by peccu (@peccu) on CodePen.

コード

コメント

FileReader.readAsDataURL()を使って、ファイルの内容をimgタグのsrcに設定する。あとは表示/非表示を設定する。

参考

stackoverflow.com