Support for Data Blobs?

[austinksmith]

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

All

Steps to Reproduce

Create a React Native application and attempt to create a data blob, error is created saying a "Blob can only be created from another Blob".

Expected Behavior

A data blob is created the same as it works for all other JavaScript execution environments

Actual Behavior

Support for data blobs appears broken with an error message of "Data blob can only be created from another blob"

Reproducible Demo

You may make use of my library Hamsters.js to see this in action, simply follow the instructions to import the library into a React Native application. A user of my library has reported this bug to me and I would really like to see support for my library brought back as it relies on data blob creation for efficient operation, the alternatives are bad for performance.

austinksmith/Hamsters.js#40

[austinksmith]

Any response on this? Curious on how to create new data blobs in RN

[shoebmogal]

I am experiencing the same issue. Curious to know the work around.

[edi]

Same thing here. Was just trying to upload some files with Firebase Storage in a react native app, used RNFS to get the actual file, all works fine, but when I actually try and upload it, this errors pops up, and I guess Firebase uses this type of blob ( out of base64 strings ) as well ..

[bitcoinvsalts]

same thing in here, it used to work with the previous react native version.

[serhiipalash]

@Eduardjs I have the same error. Did you find a solution?

[edi]

Hello gents, and Yes. I have worked around the lack of support for Blob in RN by using RNFetchBlob ( react-native-fetch-blob ). Getting assets-library data via react-native-camera-roll-picker

const imageRef = storage
	.ref( user.objectId )
	.child( `messages/${conversation.roomId}/${Date.now()}.jpg` )

Blob.build( RNFetchBlob.wrap( URI_FROM_PHOTO_PICKER ), { type: 'application/octet-stream' })
	.then( blob => {

		imageRef
			.put( blob, { contentType: 'application/octet-stream' })
			.then( () => {
				blob.close()
				return imageRef.getDownloadURL()
			})

	})

Hope it helps :)

[serhiipalash]

@Eduardjs thanks for your help! Unfortunately, this does not work in my situation. We use Expo and I can not add response-native-fetch-blob to the project.

I guess the only thing we can do is use some cloud function that will get base64 string, convert it into byteArray and store in Firebase.

[edi]

@serhiipalash Hello. Sorry to hear that. Firebase also supports putString ( base64 ) but it can't create a blob inside RN enviroment since it's actually developed for web browsers.

[bitcoinvsalts]

also using expo and still no solution

this issue is blocking us to release our app to production

[serhiipalash]

@Eduardjs Hi! I tried putString last week and it does not work.

[serhiipalash]

this issue is blocking us to release our app to production

+1

[serhiipalash]

also using expo and still no solution

I will write here solution with cloud function if it will work.