纯Javascript图像处理库（二进制形式，不通过DOM）

Question

由于File API将允许访问本地文件的内容，因此现在可以在上传之前进行图像调整大小（相当常见的任务），而无需任何其他技术，如Flash或Silverlight。除了我找不到任何能够以二进制形式处理图像的Javascript库。有没有？也许Flashe的ECMA脚本中有一些可以改编，但我找不到任何东西。

Answer 1

虽然我没有找到这样的库，但我找到了如何完成所述任务的方法：

• Read图片为Data URL
• 将图片加载到canvas标记和resize it
• 将canvas image data编码为某种图片格式，例如JPG。或者使用Canvas.toDataUrl()然后（可选地）使用一些base64解码器。

客户端图像调整大小并使用纯javascript上传。那很酷，不是吗？

Answer 2

即使您确实在纯javascript中找到了解图像的东西，您仍然需要使用DOM来渲染它，使其速度极慢。

Answer 3

不知道这是否是你想要的，但是在userscripts.org上有一些处理图像的脚本：http://userscripts.org/scripts/show/38736

Answer 4

calavera.info的答案有一个问题（抱歉我似乎无法直接评论该答案）是对第三个项目中提到的CanvasRenderingContext2D.getImageData或Canvas.toDataURL的调用将失败。它们每个都抛出一个SECURITY_ERR：DOM Exception 18，因为图像不是与拥有canvas元素的文档来自同一个源或域。这似乎是不可避免的，因为图像来自本地文件系统（通过输入类型=“文件”标记），但该页面来自您的Web服务器。