提交表单前预览图片

Question

我在表单中有一个 ImageField。有没有办法在提交表单之前显示所选文件？也许可以使用 jQuery 实现？

我读到可以通过 request.FILES 访问这些文件，但我认为在提交表单之前它会是空的。

- szaman

Answer 1

试试这个。

function upload_img(input) {
  if (input.files && input.files[0]) {
    var src = URL.createObjectURL(input.files[0])
    $('#img_id').attr('src', src)
  }
}

以下是HTML代码：

感谢。

<form id="form_img">
  <input type='file' onchange="upload_img(this);" />
  <img id="img_id" src="#" alt="your image" />
</form>

这可能对你有所帮助。

- Chandresh M

---

很遗憾，这个在IE浏览器上不起作用，因为它不允许更改文件输入数据。 - Jacek Pietal

我想要的正是这个 +1 - miao.wang