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

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

我明白了：

  

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

如何从blob转换为image64 /类型的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