Blob to base64 encoded DataURI of type image/webp

Question

Using the following in Firefox or IE (works in Chrome and 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" } );

I get:

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

How can I go from blob to base64 encoded DataURI of type image/webp? I am not very experienced with web JavaScript so apologies is this a simple fix.

How was the blob originally encoded? – Jasen Jun 01 '15 at 18:19 — Jasen, Jun 01 '15 at 18:19
I've updated my original post to show. – Beennn Jun 01 '15 at 19:14 — Beennn, Jun 01 '15 at 19:14

score 0 · Accepted Answer · edited May 23 '17 at 10:26

0

Internet Explorer and Firefox do not support the WebP image format and currently have no plans of supporting it.

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

Edit: Anyway, this question has answers with full examples: Getting BLOB data from XHR request

edited May 23 '17 at 10:26

Community

1
1

answered Jun 01 '15 at 19:00

Alex

744
8
20

Blob to base64 encoded DataURI of type image/webp

1 Answers1