BLOB-объект в кодировке Base64 DataURI типа image/webp

Используя следующее в 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" } );

Я получил:

неперехваченное исключение: ввод должен быть правильно отформатирован как DataURI в кодировке base64 типа image/webp

Как я могу перейти от blob к закодированному в base64 DataURI типа image/webp? Я не очень разбираюсь в веб-JavaScript, поэтому извиняюсь, это простое решение.