☰

アップロード前に画像をプレビューする 質問する

tag-icon • tag-icon javascript jquery file-upload
アップロード前に画像をプレビューする 質問する

ファイル (画像) をアップロードする前にプレビューできるようにしたいです。プレビュー アクションは、画像をアップロードするために Ajax を使用せずに、すべてブラウザー内で実行される必要があります。

これどうやってするの？

ベストアンサー1

imgInp.onchange = evt => {
  const [file] = imgInp.files
  if (file) {
    blah.src = URL.createObjectURL(file)
  }
}
<form runat="server">
  <input accept="image/*" type='file' id="imgInp" />
  <img id="blah" src="#" alt="your image" />
</form>

おすすめ記事