mirror of
https://github.com/status-im/react-native.git
synced 2025-01-17 04:50:59 +00:00
be56a3efee
Summary: This PR is a followup to https://github.com/facebook/react-native/pull/11417 and should be merged after that one is merged. 1. Add support for creating blobs from strings, not just other blobs 1. Add the `File` constructor which is a superset of `Blob` 1. Add the `FileReader` API which can be used to read blobs as strings or data url (base64) 1. Add support for uploading and downloading blobs via `XMLHttpRequest` and `fetch` 1. Add ability to download local files on Android so you can do `fetch(uri).then(res => res.blob())` to get a blob for a local file (iOS already supported this) 1. Clone the repo https://github.com/expo/react-native-blob-test 1. Change the `package.json` and update `react-native` dependency to point to this branch, then run `npm install` 1. Run the `server.js` file with `node server.js` 1. Open the `index.common.js` file and replace `localhost` with your computer's IP address 1. Start the packager with `yarn start` and run the app on your device If everything went well, all tests should pass, and you should see a screen like this: ! Pull to rerun all tests or tap on specific test to re-run it [GENERAL] [FEATURE] [Blob] - Implement blob support for XMLHttpRequest Closes https://github.com/facebook/react-native/pull/11573 Reviewed By: shergin Differential Revision: D6082054 Pulled By: hramos fbshipit-source-id: cc9c174fdefdfaf6e5d9fd7b300120a01a50e8c1
73 lines
1.8 KiB
JavaScript
73 lines
1.8 KiB
JavaScript
/**
|
|
* Copyright (c) 2013-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule URL
|
|
* @format
|
|
* @flow
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
const Blob = require('Blob');
|
|
|
|
const {BlobModule} = require('NativeModules');
|
|
|
|
let BLOB_URL_PREFIX = null;
|
|
|
|
if (BlobModule && typeof BlobModule.BLOB_URI_SCHEME === 'string') {
|
|
BLOB_URL_PREFIX = BlobModule.BLOB_URI_SCHEME + ':';
|
|
if (typeof BlobModule.BLOB_URI_HOST === 'string') {
|
|
BLOB_URL_PREFIX += `//${BlobModule.BLOB_URI_HOST}/`;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* To allow Blobs be accessed via `content://` URIs,
|
|
* you need to register `BlobProvider` as a ContentProvider in your app's `AndroidManifest.xml`:
|
|
*
|
|
* ```xml
|
|
* <manifest>
|
|
* <application>
|
|
* <provider
|
|
* android:name="com.facebook.react.modules.blob.BlobProvider"
|
|
* android:authorities="@string/blob_provider_authority"
|
|
* android:exported="false"
|
|
* />
|
|
* </application>
|
|
* </manifest>
|
|
* ```
|
|
* And then define the `blob_provider_authority` string in `res/values/strings.xml`.
|
|
* Use a dotted name that's entirely unique to your app:
|
|
*
|
|
* ```xml
|
|
* <resources>
|
|
* <string name="blob_provider_authority">your.app.package.blobs</string>
|
|
* </resources>
|
|
* ```
|
|
*/
|
|
class URL {
|
|
constructor() {
|
|
throw new Error('Creating URL objects is not supported yet.');
|
|
}
|
|
|
|
static createObjectURL(blob: Blob) {
|
|
if (BLOB_URL_PREFIX === null) {
|
|
throw new Error('Cannot create URL for blob!');
|
|
}
|
|
return `${BLOB_URL_PREFIX}${blob.data.blobId}?offset=${
|
|
blob.data.offset
|
|
}&size=${blob.size}`;
|
|
}
|
|
|
|
static revokeObjectURL(url: string) {
|
|
// Do nothing.
|
|
}
|
|
}
|
|
|
|
module.exports = URL;
|