使用 Javascript Image 对象处理图像

【问题标题】：Using Javascript Image object to handle images使用 Javascript Image 对象处理图像
【发布时间】：2010-01-04 07:13:34
【问题描述】：

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

var image = new Image();

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

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

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

【问题讨论】：

【解决方案1】：

您将无法从客户端系统获得图像预览。您必须将图像上传到服务器，然后才能从那里显示图像预览。

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

【讨论】：