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

Question

在 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" } );

我得到：

uncaught exception: Input must be formatted properly as a base64 encoded DataURI of type image/webp

如何从 blob 转换为 image/webp 类型的 base64 编码 DataURI？我对网络不是很有经验 JavaScript 所以很抱歉这是一个简单的修复。

Answer 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

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

Blob to base64 encoded DataURI of type image/webp

javascript

firefox

internet-explorer

uncaught-exception