在上传之前预览图像

小编典典

javascript

我希望能够在上传之前预览文件（图像）。预览操作应该全部在浏览器中执行，而不是使用 Ajax 上传图像。

我怎样才能做到这一点？

阅读 163

2022-02-14

共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>

2022-02-14