问Javascript:从图像URL获取Base64字符串
EN

Stack Overflow用户

提问于 2016-02-24 17:59:36

回答 1查看 8.2K关注 0票数 1

假设我只有一个图像的URL，我想从跨域脚本中获得它的BAse64字符串值，而不使用DOM、画布或jQuery。这个possible?...by只是使用纯Javascript吗？

javascript

base64

Stack Overflow用户

发布于 2016-02-24 18:17:08

如果映像是跨域资源，则除非服务器为映像提供适当的CORS标头，否则将无法读取它。浏览器从不允许脚本读取跨源资源的内容(这是相同来源策略的核心)，除非跨源服务器显式地允许使用CORS。

假设您有一个具有适当CORS头的图像(或者仅仅是一个相同来源的映像)，您可以将该图像作为一个Blob (使用responseType)读取，并将其作为一个文件读取以获得base64 64编码的data: URL：

var xhr = new XMLHttpRequest()
xhr.open("GET", "myimg.png");
xhr.responseType = "blob";
xhr.send();
xhr.addEventListener("load", function() {
    var reader = new FileReader();
    reader.readAsDataURL(xhr.response); 
    reader.addEventListener("loadend", function() {             
        console.log(reader.result);
    });
});

票数 6

查看全部 1 条回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35609595

复制

相似问题

问Javascript:从图像URL获取Base64字符串
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript:从图像URL获取Base64字符串EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript:从图像URL获取Base64字符串
EN