mirror of
https://github.com/status-im/react-native.git
synced 2025-01-10 01:25:39 +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: ![screen shot 2017-06-08 at 7 53 08 pm](https://user-images.githubusercontent.com/1174278/26936407-435bbce2-4c8c-11e7-9ae3-eb104e46961e.png)! 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
93 lines
2.4 KiB
JavaScript
93 lines
2.4 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-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 RCTNetworking
|
|
* @flow
|
|
*/
|
|
'use strict';
|
|
|
|
const MissingNativeEventEmitterShim = require('MissingNativeEventEmitterShim');
|
|
const NativeEventEmitter = require('NativeEventEmitter');
|
|
const RCTNetworkingNative = require('NativeModules').Networking;
|
|
const convertRequestBody = require('convertRequestBody');
|
|
|
|
import type {RequestBody} from 'convertRequestBody';
|
|
|
|
import type { NativeResponseType } from './XMLHttpRequest';
|
|
|
|
class RCTNetworking extends NativeEventEmitter {
|
|
|
|
isAvailable: boolean = true;
|
|
|
|
constructor() {
|
|
super(RCTNetworkingNative);
|
|
}
|
|
|
|
sendRequest(
|
|
method: string,
|
|
trackingName: string,
|
|
url: string,
|
|
headers: Object,
|
|
data: RequestBody,
|
|
responseType: NativeResponseType,
|
|
incrementalUpdates: boolean,
|
|
timeout: number,
|
|
callback: (requestId: number) => any,
|
|
withCredentials: boolean
|
|
) {
|
|
const body = convertRequestBody(data);
|
|
RCTNetworkingNative.sendRequest({
|
|
method,
|
|
url,
|
|
data: {...body, trackingName},
|
|
headers,
|
|
responseType,
|
|
incrementalUpdates,
|
|
timeout,
|
|
withCredentials
|
|
}, callback);
|
|
}
|
|
|
|
abortRequest(requestId: number) {
|
|
RCTNetworkingNative.abortRequest(requestId);
|
|
}
|
|
|
|
clearCookies(callback: (result: boolean) => any) {
|
|
RCTNetworkingNative.clearCookies(callback);
|
|
}
|
|
}
|
|
|
|
if (__DEV__ && !RCTNetworkingNative) {
|
|
class MissingNativeRCTNetworkingShim extends MissingNativeEventEmitterShim {
|
|
constructor() {
|
|
super('RCTNetworking', 'Networking');
|
|
}
|
|
|
|
sendRequest(...args: Array<any>) {
|
|
this.throwMissingNativeModule();
|
|
}
|
|
|
|
abortRequest(...args: Array<any>) {
|
|
this.throwMissingNativeModule();
|
|
}
|
|
|
|
clearCookies(...args: Array<any>) {
|
|
this.throwMissingNativeModule();
|
|
}
|
|
}
|
|
|
|
// This module depends on the native `RCTNetworkingNative` module. If you don't include it,
|
|
// `RCTNetworking.isAvailable` will return `false`, and any method calls will throw.
|
|
// We reassign the class variable to keep the autodoc generator happy.
|
|
RCTNetworking = new MissingNativeRCTNetworkingShim();
|
|
} else {
|
|
RCTNetworking = new RCTNetworking();
|
|
}
|
|
|
|
module.exports = RCTNetworking;
|