You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Mar 16, 2019. It is now read-only.
A module provides upload, download, and files access API. Supports file stream read/write for process large files.
4
4
5
+
## [Please check our github for updated document](https://github.com/wkh237/react-native-fetch-blob)
6
+
5
7
**Why do we need this**
6
8
7
-
React Native does not support `Blob` object at this moment, which means if you're going to send/receive binary data via `fetch` API, that might not work as you expect. See [[fetch] Does fetch with blob() marshal data across the bridge?](https://github.com/facebook/react-native/issues/854).
9
+
React Native does not support `Blob` object at this moment, which means if you're going to send/receive binary data via `fetch` API, that might not work as you expect. See [facebook/react-native#854](https://github.com/facebook/react-native/issues/854).
8
10
9
11
For some use cases, you might get into trouble. For example, displaying an image that requires a specific field in headers (ex. "Authorization : Bearer ...") or body, so you can't just pass the image uri to `Image` component because that will probably returns a 401 response. Or you're going to upload binary data which generated from JS, the server will get an empry body due to [this issue](https://github.com/facebook/react-native/issues/854). With help of APIs provided by this module, you can send HTTP request with any headers, and decide how to handle the response/reqeust data without worry about if it is not supported by `fetch` API. The response data can be just simply converted into BASE64 string, or stored to a file directly so that you can read it by using file access APIs such as readFile, readStream.
10
12
11
13
This module was designed to be a substitution of `Blob`, there's a set of APIs including basic file system CRUD method, and file stream reader/writer. Also it has a special `fetch` implementation that supports binary request/response body.
12
14
13
-
**Pre v0.5.0 Users**
15
+
**Backward Compatible**
14
16
15
-
All updates are `backward-compatible` generally you don't have to change existing code unless you're going to use new APIs. In latest version (v0.5.0), new APIs can either `upload` or `download` files simply using a file path. It's much more memory efficent in some use case. We've also introduced `fs` APIs for access files, and `file stream` API that helps you read/write files (especially for **large ones**), see [Examples](#user-content-usage) bellow. This module implements native methods, supports both Android (uses awesome native library [AsyncHttpClient](https://github.com/AsyncHttpClient/async-http-client])) and IOS.
17
+
All updates are `backward-compatible` generally you don't have to change existing code unless you're going to use new APIs. But we recommend pre `0.5.0` users consider upgrade the package to latest version, since we have introduced new APIs can either `upload` or `download` files simply using a file path. It's much more memory efficent in some use case. We've also introduced `fs` APIs for access files, and `file stream` API that helps you read/write files (especially for **large ones**), see [Examples](#user-content-recipes) bellow. This module implements native methods, supports both Android (uses awesome native library [AsyncHttpClient](https://github.com/AsyncHttpClient/async-http-client])) and IOS.
@@ -79,7 +81,7 @@ Also, if you're going to use `Android Download Manager` you have to add this to
79
81
80
82
Beginning in Android 6.0 (API level 23), users grant permissions to apps while the app is running, not when they install the app. So adding permissions in `AndroidManifest.xml` won't work in Android 6.0 devices. To grant permissions in runtime, you might use modules like [react-native-android-permissions](https://github.com/lucasferreira/react-native-android-permissions).
81
83
82
-
## Guide
84
+
## Recipes
83
85
84
86
```js
85
87
importRNFetchBlobfrom'react-native-fetch-blob'
@@ -256,7 +258,7 @@ Elements have property `filename` will be transformed into binary format, otherw
256
258
})
257
259
```
258
260
259
-
What if you want to upload a file in some field ? Just like [upload a file from storage](#user-content-upload-a-file-from-storage) example, wrap `data` by `wrap` API (this feature is only available for `version >= v0.5.0`)
261
+
What if you want to upload a file in some field ? Just like [upload a file from storage](#user-content-upload-a-file-from-storage) example, wrap `data` by `wrap` API (this feature is only available for `version >= v0.5.0`). On version >= `0.6.2`, it is possible to set custom MIME type when appending file to form data.
260
262
261
263
```js
262
264
@@ -274,6 +276,14 @@ What if you want to upload a file in some field ? Just like [upload a file from
274
276
// Or simply wrap the file path with RNFetchBlob.wrap().
275
277
data:RNFetchBlob.wrap(PATH_TO_THE_FILE)
276
278
},
279
+
{
280
+
name :'ringtone',
281
+
filename :'ring.mp3',
282
+
// use custom MIME type
283
+
type :'application/mp3',
284
+
// upload a file from asset is also possible in version >= 0.6.2
285
+
data :RNFetchBlob.wrap(RNFetchBlob.fs.asset('default-ringtone.mp3'))
286
+
}
277
287
// elements without property `filename` will be sent as plain text
278
288
{ name :'name', data :'user'},
279
289
{ name :'info', data :JSON.stringify({
@@ -289,7 +299,7 @@ What if you want to upload a file in some field ? Just like [upload a file from
289
299
290
300
#### Upload/Download progress
291
301
292
-
In `version >= 0.4.2` it is possible to know the upload/download progress.
302
+
In `version >= 0.4.2` it is possible to know the upload/download progress. On Anroid, only download progress is supported. See [wiki](https://github.com/wkh237/react-native-fetch-blob/wiki/Fetch-API#fetchprogresseventlistenerpromisernfetchblobresponse) for more information.
File access APIs were made when developing `v0.5.0`, which helping us write tests, and was not planned to be a part of this module. However I realized that, it's hard to find a great solution to manage cached files, every one who use this moudle may need those APIs for there cases.
404
+
File access APIs were made when developing `v0.5.0`, which helping us write tests, and was not planned to be a part of this module. However we realized that, it's hard to find a great solution to manage cached files, every one who use this moudle may need these APIs for there cases.
395
405
396
-
File Access APIs
406
+
Before get started using file APIs we recommend read [Differences between File Source](https://github.com/wkh237/react-native-fetch-blob/wiki/File-System-Access-API#differences-between-file-source) first.
0 commit comments