将远程图像转换为dataURL，客户端[重复]

Posted 2023-03-15

【中文标题】将远程图像转换为dataURL，客户端[重复]

【英文标题】：Converting remote Image to dataURL, client-side [duplicate]

【发布时间】：2012-04-19 04:00:34

【问题描述】：

可能重复：Get image data in javascript?Convert an image into binary data in javascript

我有：

包含链接到远程服务器上的图像的字符串。

我想要：

纯粹通过客户端 Javascript 来“获取”此图像，并将其转换为 base64 dataURL 表示。

这可能吗？ 怎么做？

【问题讨论】：

这与其他问题不同，因为它是从远程服务器请求的。链接的问题没有这个要求。

【参考方案1】：

你不能。

因为文件在远程服务器上，所以不能使用canvas元素的getImageData()方法来获取图像的像素表示。

您需要通过服务器端脚本或类似方式对其进行代理。

【讨论】：

您可以使用属性“crossorigin="anonymous"”设置 img 元素。这将允许您从画布中获取图像数据。 w3.org/TR/cors