Javascript Blob到base64编码的数据URI，类型为image/webp

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

我得到：

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

---

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

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

编辑：

---

无论如何，这个问题有完整的例子来回答：

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

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