inputのtype=”file”で送信前に画像を表示させるスクリプト・「file-upload-with-preview」

Ads

file-upload-with-preview


file-upload-with-previewはinput要素のtype=”file”で画像をアップロードする場合、submit前にユーザーが表示確認できる、というスクリプトです。よくあるFileAPIを使ったプレビュー機能を手軽に実装できます。複数画像にも対応していますが、この場合はプレビューせず、ファイル数だけ表示するみたいです(※上サンプルは1ファイルのみに設定してます)。 非依存で軽量とのこと。UIまで面倒見てくれてるので最初から書くより楽ではありますね。ライセンスはMIT。

file-upload-with-preview