【问题标题】:How to upload an image and view it in the browser?如何上传图片并在浏览器中查看?
【发布时间】:2012-07-19 11:04:49
【问题描述】:

有什么方法可以从 PC 上传图像文件并在浏览器中预览。它应该是跨浏览器兼容的。 Filereader 是一种方法,但是在 chrome 中本地执行功能存在问题。

【问题讨论】:

  • 那么你想要做的是允许用户加载文件而不将其提交到服务器?如果是这样,那么您应该在您的问题中删除 file-upload 标记。

标签: javascript html file-upload filereader


【解决方案1】:

您可以使用 FormData 通过 ajax 将图像发送到服务器,取回图像的源并在 ajax 调用返回时使用该源将图像元素添加到您的文档中。

FormData 文档 - https://developer.mozilla.org/en/XMLHttpRequest/FormData

【讨论】:

  • 但是我不需要做任何服务器调用!!!只需在本地上传图片,它就会显示为缩略图!!!
  • 您在使用 FileReader 时遇到的确切问题是什么?对我来说很好。
  • 在本地,在 chrome 中,我无法通过文件阅读器访问文件数据。虽然它适用于 Firefox!!!!
  • 在 chrome 中也适用于我。你有什么错误吗?你试过调试吗?
猜你喜欢
  • 2023-01-26
  • 2021-12-26
  • 2016-01-11
  • 1970-01-01
  • 2021-09-30
  • 2014-01-18
  • 1970-01-01
  • 2013-04-23
  • 2017-07-07
相关资源
最近更新 更多