file-upload-with-previewはinput要素のtype=”file”で画像をアップロードする場合、submit前にユーザーが表示確認できる、というスクリプトです。よくあるFileAPIを使ったプレビュー機能を手軽に実装できます。複数画像にも対応していますが、この場合はプレビューせず、ファイル数だけ表示するみたいです(※上サンプルは1ファイルのみに設定してます)。 非依存で軽量とのこと。UIまで面倒見てくれてるので最初から書くより楽ではありますね。ライセンスはMIT。 file-upload-with-preview
![inputのtype=”file”で送信前に画像を表示させるスクリプト・「file-upload-with-preview」](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)