Blob 到 image/webp 类型的 base64 编码 DataURI答案

【问题标题】：Blob to base64 encoded DataURI of type image/webpBlob 到 image/webp 类型的 base64 编码 DataURI
【发布时间】：2015-06-02 03:14:04
【问题描述】：

在 Firefox 或 IE 中使用以下内容（适用于 Chrome 和 Opera）：

xhr = new XMLHttpRequest();
xhr.open( "GET", imgUrl + ".png", true );
xhr.responseType = "arraybuffer";

var arrayBufferView = new Uint8Array( xhr.response );
var blob = new Blob( [ arrayBufferView ], { type: "image/png" } );

我明白了：

未捕获的异常：输入必须正确格式化为 base64 编码图片/webp 类型的 DataURI

如何从 blob 转到 image/webp 类型的 base64 编码 DataURI？我对 Web JavaScript 不是很有经验，所以很抱歉这是一个简单的解决方法。

【问题讨论】：

blob 最初是如何编码的？
我已经更新了我的原始帖子以显示。

标签： javascript internet-explorer firefox uncaught-exception

【解决方案1】：

Internet Explorer 和 Firefox 不支持 WebP 图像格式，目前没有支持它的计划。

https://bugzilla.mozilla.org/show_bug.cgi?id=webp https://bugzilla.mozilla.org/show_bug.cgi?id=856375

编辑： 无论如何，这个问题有完整示例的答案：Getting BLOB data from XHR request

【讨论】：