Safari 13.0.4: Blob.arrayBuffer is not a function

patch-arrayBuffer.js

(function () {
  File.prototype.arrayBuffer = File.prototype.arrayBuffer || myArrayBuffer;
  Blob.prototype.arrayBuffer = Blob.prototype.arrayBuffer || myArrayBuffer;

  function myArrayBuffer() {
    // this: File or Blob
    return new Promise((resolve) => {
      let fr = new FileReader();
      fr.onload = () => {
        resolve(fr.result);
      };
      fr.readAsArrayBuffer(this);
    })
  }
})();

// This is a simple trick to implement Blob.arrayBuffer (https://developer.mozilla.org/en-US/docs/Web/API/Blob/arrayBuffer) using FileReader

Thanks for the useful patch 🚀

If you're targeting earlier Safari (I'm playing with 10.3), then you may see an error:
ReferenceError: Can't find variable: File

You can workaround this by wrapping line 2 in an if check:

...
  if ('File' in self) {
    File.prototype.arrayBuffer = File.prototype.arrayBuffer || myArrayBuffer
  }
...

Oh thank you for advice

Thanks for this!

This is awesome! You saved me!

Amazing! For some reason Babel doesn't seem to be able to generate this right now. Those guys should add this polyfill for Safari.

clutch

Thanks !!!!!! I use it in my unit tests with jest !

Thanks a lot!!!! It works fine!!!!