javascript - 使用 Javascript Image 对象处理图像

Question

我需要在上传之前使用 javascript 预览图像以提供裁剪功能。为此，我在 javascript 中创建了一个 Image 对象。

var image = new Image();

为了将大图像限制在有限的空间内，我使用 image.width 和 image.height 访问图像的高度和宽度

对于某些图像，我发现该值显示为零，当我检查 image 对象时，发现 image.mimeType 具有该值Unspecified Error(即使文件创建日期显示未指定的错误)。

因此我无法预览这些图像。我该如何解决这个问题？

Answer 1

您将无法从客户端系统获得图像预览。您必须将图像上传到服务器并可以从那里显示图像预览。

从客户端系统读取文件是一种安全威胁，大多数浏览器都不允许这样做。在早期版本的 IE 中，您可以获得它，但在较新版本和其他浏览器中将不可用。