feat(Blob): ArrayBuffer => Blob & FileReader#readAsArrayBuffer

CodyJasonBennett · Jun 15, 2022 · facd9bb · facd9bb
1 parent c78baba
commit facd9bb
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 4 deletions.
diff --git a/Libraries/Blob/BlobManager.js b/Libraries/Blob/BlobManager.js
@@ -14,6 +14,7 @@ const BlobRegistry = require('./BlobRegistry');
 import type {BlobData, BlobOptions, BlobCollector} from './BlobTypes';
 import NativeBlobModule from './NativeBlobModule';
 import invariant from 'invariant';
+import {getBlobForArrayBuffer} from 'react-native-blob-jsi-helper';
 
 /*eslint-disable no-bitwise */
 /*eslint-disable eqeqeq */
@@ -69,9 +70,7 @@ class BlobManager {
  part instanceof ArrayBuffer ||
  (global.ArrayBufferView && part instanceof global.ArrayBufferView)
  ) {
- throw new Error(
- "Creating blobs from 'ArrayBuffer' and 'ArrayBufferView' are not supported",
- );
+ return getBlobForArrayBuffer(part);
  }
  if (part instanceof Blob) {
  return {

diff --git a/Libraries/Blob/FileReader.js b/Libraries/Blob/FileReader.js
@@ -10,6 +10,7 @@
 
 const Blob = require('./Blob');
 const EventTarget = require('event-target-shim');
+const {toByteArray} = require('base64-js');
 
 import NativeFileReaderModule from './NativeFileReaderModule';
 
@@ -74,7 +75,32 @@ class FileReader extends (EventTarget(...READER_EVENTS): any) {
  }
 
  readAsArrayBuffer() {
- throw new Error('FileReader.readAsArrayBuffer is not implemented');
+ this._aborted = false;
+
+ if (blob == null) {
+ throw new TypeError(
+ "Failed to execute 'readAsArrayBuffer' on 'FileReader': parameter 1 is not of type 'Blob'",
+ );
+ }
+
+ NativeFileReaderModule.readAsDataURL(blob.data).then(
+ (dataUrl: string) => {
+ if (this._aborted) {
+ return;
+ }
+ const base64 = dataUrl.split(',')[1];
+ const buffer = toByteArray(base64);
+ this._result = buffer;
+ this._setReadyState(DONE);
+ },
+ error => {
+ if (this._aborted) {
+ return;
+ }
+ this._error = error;
+ this._setReadyState(DONE);
+ },
+ );
  }
 
  readAsDataURL(blob: ?Blob) {