joltup / rn-fetch-blob Goto Github PK

RNFetchBlob version: 0.10.8
The code raises a java.lang.RuntimeException: Illegal callback invocation from native module. This callback type only permits a single invocation from native code. when cp errors but successfully closes its streams.
That is already existed in the old repository and had a PR: wkh237#408
But now it is still here.

Currently. the below method is not giving any information about mime type of the file provided.

RNFetchBlob.fs.stat(PATH_OF_THE_TARGET)
    .then((stats) => {})
    .catch((err) => {})

If something like this example shall be implemented, it will be useful.

Hello,

Thanks so much for this awesome library. I wanted to find out if there is an update on
these issues:

1. App crashes after file download without DownloadManager (Android)
2. Unable to get the progress callback with Download Manager options in Android

Thanks a lot

Siya

My android build is failing with this error.

/node_modules/react-native-fetch-blob/android/src/main/java/com/RNFetchBlob/Response/RNFetchBlobDefaultResp.java:14: error: package okhttp3 does not exist
import okhttp3.MediaType;

Environment:
OS: macOS Sierra 10.12.6
Node: 8.1.4
Yarn: 1.7.0
npm: 5.8.0
Watchman: 4.7.0
Xcode: Xcode 9.2 Build version 9C40b
Android Studio: 2.3 AI-162.4069837

Packages: (wanted => installed)
react: 16.3.0 => 16.3.0
react-native: 0.54.4 => 0.54.4

"react-native-fetch-blob": "^0.10.8",

How do I get this building again? Thanks!

We use the library to retrieve authenticated images like this:

import RNFetchBlob from 'react-native-fetch-blob'

RNFetchBlob
  .config({ fileCache: true })
  .fetch('GET', url, { Authorization: `Bearer ${token}` })
  .then(res => {
      console.log('path: ', res.path())
  })

Usually this works fine but sometimes the path which is returned leads to a 0 byte file instead of the actual file (for the same URL). I have confirmed on the local filesystem with the simulator but this seems to be happening on physical devices as well.

Using version 0.10.8 on React/RN 16.2/0.53

Do I do something wrong? When I use the same code for https://www.rhodeshouse.ox.ac.uk/media/1002/sample-pdf-file.pdf or whatever else pdf on https I have 0,00b/0,00b on my notifications panel and download is stopped and connection is in progress all the time.

var url  = "http://www.africau.edu/images/default/sample.pdf";
    const { config, fs } = RNFetchBlob
    let PictureDir = fs.dirs.PictureDir
    let options = {
      fileCache: true,
      addAndroidDownloads : {
        useDownloadManager : true,
        notification : true,
        path:  PictureDir + "/example.pdf",
      }
    }
    config(options).fetch('GET', url).then((res) => {
      Alert.alert("Done");
    });

"react": "16.2.0",
"react-native": "0.54.2",
"react-native-fetch-blob": "^0.10.8"

I'm downloading a file from a server and saving it to the downloads directory on Android with the name test.bin. On a File Manager app, I can see the file was successfully saved to the directory. Also, when using the File System API to check if the file exists with
RNFetchBlob.fs.exists('storage/emulated/0/Download/test.bin').then(exist => console.log(`file${exist ? '' : ' not'} exists`));, it returns that the file indeed exists.

The problem is when trying to make a request to send this file to another place with a multipart/form, like:

RNFetchBlob.fetch('POST', SERVER_URL, {
            'Content-Type': 'multipart/form-data'
        }, [
            {
                name: 'name',
                data: 'test'
            },
            {
                name: 'filename',
                data: 'tmp/test.bin'
            },
            {
                name: 'filedata',
                type: 'application/macbinary',
                data: RNFetchBlob.wrap(storage/emulated/0/Download/test.bin)
            }
        ])
            .then(res => {
                console.log('response => ', res);
            })
            .catch(e => console.log('ERROR => ', e));

I got an error on the response with a message: Failed to open target file, No such file or directory.

react-native: 0.51.0
react-native-fetch-blob: ^0.10.8

Not sure if this is a bug or if I'm doing something wrong but I'm getting the following crash when downloading a large file (96MB)

04-30 12:00:18.972 13006 13059 E AndroidRuntime: FATAL EXCEPTION: pool-1-thread-1
04-30 12:00:18.972 13006 13059 E AndroidRuntime: Process: net.cozic.joplin, PID: 13006
04-30 12:00:18.972 13006 13059 E AndroidRuntime: java.lang.OutOfMemoryError: Failed to allocate a 257944612 byte allocation with 4190304 free bytes and 160MB until OOM
04-30 12:00:18.972 13006 13059 E AndroidRuntime:        at java.lang.StringFactory.newStringFromBytes(StringFactory.java:185)
04-30 12:00:18.972 13006 13059 E AndroidRuntime:        at java.lang.StringFactory.newStringFromBytes(StringFactory.java:63)
04-30 12:00:18.972 13006 13059 E AndroidRuntime:        at android.util.Base64.encodeToString(Base64.java:456)
04-30 12:00:18.972 13006 13059 E AndroidRuntime:        at com.RNFetchBlob.RNFetchBlobFS.readFile(RNFetchBlobFS.java:174)
04-30 12:00:18.972 13006 13059 E AndroidRuntime:        at com.RNFetchBlob.RNFetchBlob$6.run(RNFetchBlob.java:208)
04-30 12:00:18.972 13006 13059 E AndroidRuntime:        at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1133)
04-30 12:00:18.972 13006 13059 E AndroidRuntime:        at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:607)
04-30 12:00:18.972 13006 13059 E AndroidRuntime:        at java.lang.Thread.run(Thread.java:761)
04-30 12:00:18.975  1705  3755 W ActivityManager:   Force finishing activity net.cozic.joplin/.MainActivity

It seems to crash on Base64 decoding which appears to be expected, however I'm setting the config so that it downloads directly to a file, so my understanding is that base64 decoding should not happen:

return RNFetchBlob.config({
	path: localFilePath
}).fetch(method, url, headers);

Any idea what am I might be doing wrong or how to avoid this crash?

I'm using fetch-blob 0.10.6 and RN 0.49.

Hi there,

I am using the npm installed version of RN Fetch Blob - 0.10.8, and react native 0.51.

I am doing a download from firebase cloud storage using the generated links (meaning there is no cookies/auth headers etc required, it's just an anonymized URL, that looks something like: https://firebasestorage.googleapis.com/v0/b/{APP_NAME}.appspot.com/o/{DIR}%2F{SUB_DIR}%2F{SUB_DIR}%2F{SOME_FILENAME}.{EXTENSION}?alt=media&token={SOME_TOKEN}). The file in question is a pdf, for what it is worth.

The code I am using to download the file on android looks like so (typescript):

function download(url: string,
                  fileName: string,
                  mime?: string,
                  options?: Partial<RNFetchBlobConfig>,
                  androidDownloadOptions?: Partial<AddAndroidDownloads>): StatefulPromise<FetchBlobResponse> {
  const path: string = withTrailingSlash(fetchBlob.fs.dirs.DownloadDir) + fileName;

  console.log('download path: ', path);

  return fetchBlob
    .config({
      addAndroidDownloads: {
        useDownloadManager: true,
        notification: true,
        title: fileName,
        description: 'PDF Download',
        mediaScannable: true,
        path: path,
        mime,
        ...androidDownloadOptions
      },
      ...options
    }).fetch('GET', url);
}

The file name passed into the download function is generated with (new Date()).toISOString() to prevent collisions, so the logged download path ends up looking like: /storage/emulated/0/Download/FileName-2018-04-12T01:24:31.219Z.pdf

This works fine on my emulator (Android 7.0), but on one of my colleagues physical devices, it exhibits a strange behaviour:

It downloads fine (the file exists and can be seen and opened either with a file management app or the download manager), however it also throws the exception from https://github.com/joltup/react-native-fetch-blob/blob/master/android/src/main/java/com/RNFetchBlob/RNFetchBlobReq.java#L675 . From my understanding of the context of this code, it is checking after the download if the file now exists, so I guess for some reason it is not showing up even if it is there?

The device this occurs with is a LG-H860, also running Android 7.0.

Any thoughts? Apparently I am the only one in the world experiencing this issue at this point, so I must have done something pretty boneheaded in my implementation XD

It seems that RNFetchBlob is uploading an uncompressed version of the file. Is there a way to make RNFetchBlob either report the uncompressed size or better yet, upload the file that was stat'ed?

RN: 0.54
RNFB: 0.10.8
iOS 11 (Simulator and device)

let clip.uri = assets-library://asset/asset.JPG?id=9DC79222-EC93-45CA-9891-5D91AEDC5F7C&ext=JPG

let fd = new FormData()
let stats = await RNFetchBlob.fs.stat(clip.uri)
fileSize = stats.size
fileObj = {
	uri: clip.uri,
	type: clip.type,
	name: clip.name,
	filename: clip.name,
	data: RNFetchBlob.wrap(clip.uri),
}
fileuploadlist.push(fileObj)
fd.append(fileSize + "_" + timestamp, fileObj)

let localOptions = {
	method: "POST",
	headers: {
		"Content-Type": undefined,
		Accept: "application/json",
	},
	body: fd,
	file: fileuploadlist
}
try {
	return fetch(url, localOptions, callback)
} catch (e) {}

}

reported file size from fs.stat === 178,849 bytes
actual uploaded file size === 395,394 bytes

Installed version:
version "0.10.8"
resolved "https://registry.yarnpkg.com/react-native-fetch-blob/-/react-native-fetch-blob-0.10.8.tgz#4fc256abae0cb5f10e7c41f28c11b3ff330d72a9"

Sending PUT request with multipart/formdata sends empty body on android.

For example Link

function readText(resp, info):Promise<string> {
  switch (info.rnfbEncode) {
    **case 'base64':**
      return Promise.resolve(resp.text())
      break
    case 'path':
      return resp.text()
      break
    default:
      return Promise.resolve(resp.text())
      break
  }
}

The base64 case is not special and can be treated as default. Is there any special reason to make it a standalone case?

After updating and installing from the App Store, the pictures downloaded to the local area are missing and cannot be displayed.

I am wondering if anyone else is experiencing performance issues on older android devices (more than likely 2015 and older). it seems to take forever to upload blobs with these devices and no time at all with more modern ones and especially no issues with iPhones.

Just wondering if we can look into general performance.

Thank you!

Hi,

After recording a video I save it in the camera roll using CameraRoll.saveToCameraRoll. Using the response from CameraRoll.saveToCameraRoll (the response looks like this on ios: asset-library://asset/asset.mov) I'm trying to get information about the file with RNFetchBlob.fs.stat(response), but on ios it give an error (Error: failed to stat path, could not resolve URI). On android it works perfectly.

How can I fix this?

Environment

OS: mac OS High Sierra 10.13.4
Node: 10.0.0
Yarn: 1.6.0
npm: 5.6.0
Watchman: 4.9.0
Xcode: Xcode 9.3 Build version 9E145
Android Studio: 3.0 AI-171.4443003
react: 16.2.0
react-native: 0.52.0
react-native-fetch-blob: 0.10.8

Hi ! Thank you for reporting an issue, but we would like to remind you, we have a trouble shooting page in our wiki.
You may want to take a look on that page or find issues tagged "trouble shooting" :p

• please provide the version of installed library and RN project.
• a sample code snippet/repository is very helpful to spotting the problem.
• issues which have been tagged as 'needs feedback', will be closed after 2 weeks if receive no feedbacks.
• issues lack of detailed information will be closed without any feedback

Thank you guys for bringing us such a good tool, but I hope that some places can be improved. When I entered catch, I found that no standard statusCode returned when there was no network and canceled requests, so I hoped that if it was a HTTP error, it would return the error code of the HTTP error, if it was to cancel a request and return a statusCode to distinguish what was wrong, thank you guys, most. Good blessings.

For example

RNFetchBlob.fetch("GET","http://test.test",{},{})
    .catch(function(err,statusCode){
        //I hope that the `statusCode` here returns every time and returns the wrong code according to the different errors.
    })

Hi ,
When I am trying to download file using below code:

RNFetchBlob.config({
  path: tmpPath
})
.fetch('GET', url, { Range: 'bytes=' + previousFileSize + '-' })
.then((resp) => {

  return this.appendFile(resp.path(), PicPath, 'nostats').then((stats1) => {  <<== This function appends data to the old file as it used for resumable download
  })
})
.then(() => {
  resolve({ path: 'file://' + PicPath });
})
.catch((e) => {
  resolve(false);
})

But when network is slow, the time out occurs. And it shows the error message in the application screen.

So my question is how to handle this error in code.
And I think all such exceptions should be handled in code.

@wkh237 Please help

Hello,

I need to fetch the application/pdf content returned by a rest service and embed the content in React Frame.

When I invoked rest call using fetch I get a 403 (forbidden). I just happened to see this open source project.

Could you please provide me a sample fetch API code that processes data received from rest api which produced "application/pdf"

Thanks
Sara

Hi ! Thank you for reporting an issue, but we would like to remind you, we have a trouble shooting page in our wiki.
You may want to take a look on that page or find issues tagged "trouble shooting" :p

• please provide the version of installed library and RN project.
• a sample code snippet/repository is very helpful to spotting the problem.
• issues which have been tagged as 'needs feedback', will be closed after 2 weeks if receive no feedbacks.
• issues lack of detailed information will be closed without any feedback

Hi,

I noticed that sometimes getExternalFilesDir() returns null, and then the app crashes.

Java exception in 'NativeModules' java.lang.NullPointerException: Attempt to invoke virtual method 'java.io.File java.io.File.getParentFile()' on a null object reference, stack: com.RNFetchBlob.RNFetchBlobFS.getSystemfolders@216 com.RNFetchBlob.RNFetchBlob.getConstants@84 com.facebook.react.bridge.JavaModuleWrapper.getConstants@140 android.os.Handler.handleCallback@751 android.os.Handler.dispatchMessage@95 com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage@31

I can reproduce it when I'm on Android 4.3 or below, but in production (we have an app with +/- 1 million installs) we hit this error on all kind of Android versions.

Best,
Nicolas

Version: ^0.10.8
react-native-audio : ^4.1.3
react-native : 0.55.3
react : 16.3.1

In trying to upload a native sound file from storage, I encounter the following error:

code: '106'
detail: 'The required parameter, data, is missing.'
status: '400'
title: 'Missing Parameter'

I'm making my request like so:

export function uploadRecording(filePath, email, token) {
  return (dispatch) => {
   
    const audioPath = filePath.replace('file://', '');

    RNFetchBlob.fetch('POST', `${Endpoints.host}/${Endpoints.root}/attachments`, {
      'X-USER-EMAIL': email,
      'X-USER-TOKEN': token,
      'Content-Type': 'multipart/form-data',
    }, [
     
      {
        name: 'soundfile', filename: 'test.aac', type: 'audio', data: RNFetchBlob.wrap(audioPath),
      },
    ]).then((resp) => {
      console.log(resp.json());
    }).catch((err) => {
      handleApiError(err, dispatch);
    });
  };
}

When I log out the audioPath, the file path displays. Is this error referring to data that should be passed in elsewhere?

Edit: I am trying to post this in JSON format, as that is what my server requires. I modified the request to reflect that, but the app crashes and no error is provided when I do that:

RNFetchBlob.fetch('POST', `${Endpoints.host}/${Endpoints.root}/attachments`, {
      type: 'attachments',
      'Content-Type': 'multipart/form-data',
      headers: {
        'X-USER-EMAIL': email,
        'X-USER-TOKEN': token,
        'Content-Type': 'multipart/form-data',
      },
      attributes: {
        attachable_type: 'audio',
        attachment_data: RNFetchBlob.wrap(audioPath),
      },
    }, [
      // element with property `filename` will be transformed into `file` in form data
      {
        name: 'attachment', filename: 'test.aac', type: 'audio', data: RNFetchBlob.wrap(audioPath),
      },
    ]).then((resp) => {
      console.log({ resp });
      recordingUploaded();
    }).catch((err) => {
      handleApiError(err, dispatch);
    });

On version 0.10.9, requiresMainQueueSetup is declared twice in this file and will throw the error

error: duplicate declaration of method 'requiresMainQueueSetup'

Seems this was introduced on the latest commit for 0.10.9 branch.
614ef56#diff-0b97a2df65bc9a2753599b4d88da3475R45

Lines in question:

https://github.com/joltup/react-native-fetch-blob/blob/614ef561dda7b837e896e175f8719fb42232bede/ios/RNFetchBlob/RNFetchBlob.m#L45

https://github.com/joltup/react-native-fetch-blob/blob/614ef561dda7b837e896e175f8719fb42232bede/ios/RNFetchBlob/RNFetchBlob.m#L77

In my quest to access files I bundle with my app I have read the documentation here and here and found this SO article here. I think the lack of answers to that article

The documentation only supplies an example for Android and their assets. On what level do I insert aaptOptions in build.gradle? What about iOS? What about accessing regular files the usual way through require('<myapp/myassets/...')? Is it impossible? Bad practice? I would love to find the answers to these questions in the wiki

Hi, I just noticed that podspec specifies 0.10.6 while package is 0.10.8.
Does it have any consequences or podspec version doesn't matter?

I have open file with size 1 MB with readstream. Actually its content have more than thousand of words, but the text displayed is only 518 words. How to solve this? Thanks ^^

Hi,

I'm trying to read a file from node_modules to be able to inject it to a webview.
But I am not able to get the right path from fs.readFile() to access node_modules.

I tried a relative or absolute path but it is not working:

RNFetchBlob.fs
      .readFile("./node_modules/epubjs/dist/epub.min.js", "utf8")
      .then(data => { // handle data })

RNFetchBlob.fs
      .readFile(__dirname + "/node_modules/epubjs/dist/epub.min.js", "utf8")
      .then(data => { // handle data })

RN: 0.55.4
RNFetchBlob: 0.10.8

Thanks!

Hi,

First of all thanks for creating this plugin. I have integrated this plugin and now the thing is I want to upload PDF file to Dropbox as well as Google Drive.

I am able to get access token. But not able to upload pdf file to google drive or Dropbox. I know I am missing some steps. Below is my code that I have implemented.

REQUEST :-
RNFetchBlob.fetch('POST', 'https://www.googleapis.com/upload/drive/v3?uploadType=media', {
Authorization : user.accessToken,
'data': JSON.stringify({
path : "http://xyz.com/" + this.state.pdf,
mode : 'add',
autorename : true,
mute : false
}),
'Content-Type' : 'application/pdf',
})
.then((res) => {
console.log("response in success " + JSON.stringify(res));

  })
  .catch((err) => {
    console.log("response in error " + JSON.stringify(err));
    // error handling ..
  })

It will give below response inside success.

RESPONSE :-

response in success {"data":"Not Found","taskId":"njehngge5xm4hl33iynfog","type":"utf8","respInfo":{"respType":"","headers":{"alt-svc":"hq=":443"; ma=2592000; quic=51303432; quic=51303431; quic=51303339; quic=51303335,quic=":443"; ma=2592000; v="42,41,39,35"","server":"UploadServer","date":"Fri, 23 Mar 2018 06:50:13 GMT","content-length":"9","content-type":"text/html; charset=UTF-8","vary":"X-Origin","x-guploader-uploadid":"AEnB2UrlSTCFYVYabN_dzHqqr55dBKjosk8u0IQ3D4bcysJyp_KkaYSW4yrE2P4gziHgfKOUrZpfAxaSpBwV6D4-a0142hiYhA"},"redirects":["https://www.googleapis.com/upload/drive/v3?uploadType=media"],"timeout":false,"taskId":"njehngge5xm4hl33iynfog","state":"2","status":404,"rnfbEncode":"utf8"}}

Pleas help. I am stuck in this from past few days. Let me know if this is not sufficient information for you.

Thanks

Hi ! Thank you for reporting an issue, but we would like to remind you, we have a trouble shooting page in our wiki.
You may want to take a look on that page or find issues tagged "trouble shooting" :p

• please provide the version of installed library and RN project.
• a sample code snippet/repository is very helpful to spotting the problem.
• issues which have been tagged as 'needs feedback', will be closed after 2 weeks if receive no feedbacks.
• issues lack of detailed information will be closed without any feedback

Now that this has been officially forked, is there a plan to publish updates on npm? Is there a way to gain collaborator access on npm to publish under the same package name?

react-native-cli: 2.0.1
react-native: 0.51.0
RNFetchBlob: 0.10.8

So when downloading something like so:

task = RNFetchBlob.config({
      path: dest,
      overwrite: false,
      IOSBackgroundTask: true,
      indicator: true,
    }).fetch('GET', url, {
      Range: `bytes=${size}-`,
    });
task.then(handleSuccess)
  .catch(handleError)

and then calling task.cancel(), I observe different behavior on iOS vs android.

iOS:
handleError(err) gets called where err.message === 'cancelled'. So this is nicely catcheable.

android:
handleSuccess(success) is called, where success has a HTTP code 206, which suggests that the range request was satisfied? It looks exactly like the response I get when the request finished successfully. Here is the content of respInfo, and it is the same whether I cancel the task or not:

headers: [
Accept-Ranges: "bytes"
Content-Length: "20177379"
Content-Range: "bytes 0-20177378/20177379"
Content-Type: "audio/mp3"
Date: "Fri, 04 May 2018 08:39:03 GMT"
ETag: ""...""
Last-Modified: "Tue, 12 Dec 2017 13:36:08 GMT"
Server: "AmazonS3"
x-amz-id-2: "..."
x-amz-request-id: "..."
]
redirects: ["https://s3-eu-west-1.amazonaws.com/.../efaaa2177b5f494390896e70d5444837.mp3"]
respType:  ""
rnfbEncode: "path"
state: "2"
status: 206
taskId: "jwy3rlqv5rkr1deb205f4p"
timeout: false

Any takes on why this happens?

Hi ! Thank you for reporting an issue, but we would like to remind you, we have a trouble shooting page in our wiki.
You may want to take a look on that page or find issues tagged "trouble shooting" :p

• please provide the version of installed library and RN project.
• a sample code snippet/repository is very helpful to spotting the problem.
• issues which have been tagged as 'needs feedback', will be closed after 2 weeks if receive no feedbacks.
• issues lack of detailed information will be closed without any feedback

The original repo had quite a lot of Wiki pages:

https://github.com/wkh237/react-native-fetch-blob/wiki

Hi ! Thank you for reporting an issue, but we would like to remind you, we have a trouble shooting page in our wiki.
You may want to take a look on that page or find issues tagged "trouble shooting" :p

• please provide the version of installed library and RN project.
  0.10.8

Is there a simple way to log request and responses? what I am looking for is kind of debugging information where I can output requests as curl and also easily show responses perhaps ?

Hi ! I met an error When in use RNFetchBlob.fs.stat couldn't get correct size of directory. I want to get whole directory RNFetchBlob.fs.dirs.CacheDir's size, which contain cached images by react-native-img-cache. But get wrong data, directory size smaller than file or sub-directory.

Versions

"react": "^16.0.0",
"react-native": "^0.50.0",
"react-native-fetch-blob": "^0.10.8",

Code

    RNFetchBlob.fs.stat(RNFetchBlob.fs.dirs.CacheDir)
      .then((stats) => {
        console.log(stats);
        if (stats && stats.size) {
          this.setState({ cacheSize: stats.size });
        }
      })
      .catch(() => { });
    RNFetchBlob.fs.stat(`${RNFetchBlob.fs.dirs.CacheDir}/react-native-img-cache`)
      .then((stats) => {
        console.log(stats);
      })
      .catch(() => { });
    RNFetchBlob.fs.stat(`${RNFetchBlob.fs.dirs.CacheDir}/react-native-img-cache/7393ba9b6f2f1b0e379e2c7ebf219b515d85f666.jpg`)
      .then((stats) => {
        console.log(stats);
      })
      .catch(() => { });

But Print Result

Anything wrong in my code? Or I need traverse all cache sub-directory and calculate directory and files' size?

This is actually a duplicate of the issue from the original repository wkh237#448.
I am wondering is this going to be fixed in this fork? I'm still experiencing this issue.
RN version: 0.50.3
RNFB version: 0.10.8

RNFB_ANDROID_PERMISSIONS=true react-native link
When I enter this command then getting this error.

RNFB_ANDROID_PERMISSIONS=true : The term 'RNFB_ANDROID_PERMISSIONS=true' is not recognized as the name of a cmdlet, function, script file, or
operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again.
At line:1 char:1

• RNFB_ANDROID_PERMISSIONS=true

•   + CategoryInfo          : ObjectNotFound: (RNFB_ANDROID_PERMISSIONS=true:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException
  

Thanks in advance.

I'm using

var blob = new Blob( [RNFetchBlob.wrap(image.path)] , {
type: 'image'
});

To upload to Amazon S3 from iOS. But this uploads JSON data rather than the file itself (i.e. 160 bytes!). Any ideas?

{"_data":{"blobId":"3dce8216-b17a-4423-beda-ecf4f189ad14","offset":0,"size":160,"type":"binary/octet-stream"}}

Example 1:
The documentation for RNFetchBlobResponse states:

FetchBlobResponse object has the following methods (these method are synchronous, so you might take quite a performance impact if the file is big)

But in fact, the code clearly says that the text() function can return a Promise when the rnfbEncode is 'path'.
This line
text : () => string | Promise<any>;

Example 2:
The documentation for RNFetchBlobResponseInfo has rnfbEncode rnfbEncode : 'path' | 'base64' | 'utf8'
But in code, the rnfbEncode can also have 'ascii'.
This line
rnfbEncode : 'path' | 'base64' | 'ascii' | 'utf8'

I'm not sure if the Wiki is outdated or text function should actually be a sync function.
Thanks.

Hi there! I've also posted this issue at the main repo.

I've installed RNFetchBlob in my first RN project, and have encountered a weird issue. To install, I did:

1. yarn add react-native-fetch-blob
2. react-native link react-native-fetch-blob

I then removed my Pods and build dirs out of ios, did a fresh install, and launched the simulator. I got this yellowbox warning, but besides that everything seemed alright.

My use case is this: checking image file size after a Share Extension calls back to the main application with an image URI.

In short, this code does not work:

import RNFetchBlob from 'react-native-fetch-blob'

export default async (images) => {

  images.forEach(async (image) => {

    RNFetchBlob.fs.stat(image.value)
      .then((stats) => console.log('stats: ', stats))
      .catch((err) => { })

  ...etc

But, this code does:

export default async (images) => {

  const RNFetchBlob = require('react-native-fetch-blob').default

  images.forEach(async (image) => {

    RNFetchBlob.fs.stat(image.value)
      .then((stats) => console.log('stats: ', stats))
      .catch((err) => { })

Any idea why this would be the case? It seems the RNFetchBlob module is available at runtime but not app startup, or something like that? For the first snippet of code, my ShareExtension itself crashes, and the main app is not even opened. The error messages are not verbose enough to be helpful:

: assertion failed: 17D102: launchd_sim + 63203 [73626DE2-C6D1-3394-9991-3E928BFE8F25]: 0x16

I assume this is down to some incorrect installation, but I have no idea why I can only import the module during runtime.

Crucially, this is not down to ES6/ES5 import style. If I move const RNFetchBlob = require('react-native-fetch-blob').default above the function scope so that it is run immediately and not when the function is invoked, again the entire application breaks.

hello,
i am newbie to RN , And I want to create a new directory and a file with in directory on devices to store my app information .
i have written the below code but but i couldn't find any DIR in the device.

kindly response on this, thanks in advance.
// TO CREATE DIR
const { config, fs } = RNFetchBlob;
const PElogs = "PElogs"; // dir name to create
RNFetchBlob.fs.mkdir(PElogs) .then(() => console.log(" Dir Created "))

// TO CREATE A FILE IN DIR
fs.createFile(PElogs + "/LogsFromHome" + ".txt", 'foo', 'utf8');
RNFetchBlob.fs.writeFile(PElogs + "/LogsFromHome" + ".txt", 'Created Dir And File ', 'utf8')
.then(() => { })

// MY SYSTEM CONFIGS
version of RN is: 0.50.3
react-native-cli: 2.0.1
os: windows-7, 64-bit , 8GB RAM.

• please provide the version of installed library and RN project.

[email protected] through [email protected].
[email protected]

Our app use react-native-cached-image to cache a bunch of images. Some are proloaded early on, when the app is rendered the first time.

Sometimes when the app starts, perhaps after a code-push, we get the error message below logged to Fabric. The app crashes.

I am pretty sure it only happens after a code-push is downloaded and the new js-app is restarted, but I'm not sure. It does not happen every time though, seems pretty rare, like 1/100 times a code-push is applied.

(https://github.com/Microsoft/react-native-code-push)

Fatal Exception: java.lang.RuntimeExceptionTried to access a JS module before the React instance was fully set up. Calls to ReactContext#getJSModule should only happen once initialize() has been called on your native module. Raw Text
--
  | com.facebook.react.bridge.ReactContext.getJSModule (ReactContext.java:105)
  | com.RNFetchBlob.RNFetchBlobReq.emitStateEvent (RNFetchBlobReq.java:627)
  | com.RNFetchBlob.RNFetchBlobReq.done (RNFetchBlobReq.java:455)
  | com.RNFetchBlob.RNFetchBlobReq.access$100 (RNFetchBlobReq.java:60)
  | com.RNFetchBlob.RNFetchBlobReq$3.onResponse (RNFetchBlobReq.java:423)
  | okhttp3.RealCall$AsyncCall.execute (RealCall.java:135)
  | okhttp3.internal.NamedRunnable.run (NamedRunnable.java:32)
  | java.util.concurrent.ThreadPoolExecutor.runWorker (ThreadPoolExecutor.java:1133)
  | java.util.concurrent.ThreadPoolExecutor$Worker.run (ThreadPoolExecutor.java:607)
  | java.lang.Thread.run (Thread.java:776)

Any ideas?

How to downloaded file name for iOS change rename

I am using react-native-fetch-blob with a detached Expo app. I get this error: RNFetchBlob failed to create single content request body :error when getting request stream: No such file or directory.

I only get this problem in my expo version of the project

My file path is:

RNFetchBlob-file://file:///data/user/0/com.flyreel.underwriterbot/cache/ExperienceData/%2540darkwata%252Fflyreel/Camera/967785f9-064f-44e2-9277-6d6650d76fe7.mp4

I'm on Android btw.

package.json:

"react-native-fetch-blob": "^0.10.8",

Seems like its a problem with the %2540 and %252F encoding in the file path which Expo uses.

Specifically you probably want all the work done here:
https://github.com/flatfox-ag/react-native-fetch-blob/commit/01f38a4

Using react-native-document-picker I'm getting the file and trying do upload to my api. So I would like to know how can I read the file, convert to do base64 and send it.

This is how I'm trying to read the file, but i always return only the path, not the content.

// const file = base64.encode(RNFetchBlob.fs.asset(filename))
// const file = base64.encode(filename)
// const file = await RNFetchBlob.fs.readFile(filename, 'base64')
// const file = base64.encode(await RNFetchBlob.fs.readFile(filename, 'binary'))

const { fs, fetch, wrap } = RNFetchBlob
const file = fs.asset(filename)

bundle-assets://content://com.android.providers.downloads.documents/document/431/pexels-photo-267151.jpeg

Wha could I be missing?

"base-64": "^0.1.0",
"react-native": "^0.48.4",
"react-native-fetch-blob": "^0.10.8",
"react-native-document-picker": "^2.1.0",

The project was taken from @wkh237 over two months ago but to be honest it seems as inactive as the parent project - no response on issues, no new commits, no merged pull requests.

Are there any plans to actually improve the project?

Branch: 0.10.9

Just calling the following code:

import RNFetchBlob from 'react-native-fetch-blob';

const url = http://my.server.com/my/upload/API;
const headers = { Authorization: 'Bearer xxxxxxxxx' };
const body = RNFetchBlob.wrap('file:///storage/emulated/0/Android/data/some/local/file');
const res = await RNFetchBlob.fetch('POST', url, headers, body);

generates the following warnings in the Android logs:

W ReactNativeJS: SDCardDir as a constant is deprecated and will be removed in feature release. Use RNFetchBlob.android.getSDCardDir():Promise instead.
W ReactNativeJS: SDCardApplicationDir as a constant is deprecated and will be removed in feature release. Use RNFetchBlob.android.getSDCardApplicationDir():Promise instead. This variable can be empty on error in native code.

These warnings have been added by 22fd32a but apparently there are still some occurrences of SDCardDir and SDCardApplicationDir in the code of the 0.10.9 branch.

I'm aware that the 0.10.9 branch isn't stable yet but it is intended to be released with a bunch of bug fixes so I believe that these warnings should be fixed before the release.

Thanks

Hi!
i would like to report this problem and ans know how solve it.

"dependencies": {
"expo": "^25.0.0",
"react": "16.2.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-25.0.0.tar.gz",
"react-native-fetch-blob": "^0.10.8",
"humps": "^2.0.1",
"react-native-image-preview": "^0.3.1",
"react-native-keyboard-aware-scroll-view": "^0.4.1",
"react-native-modal-datetime-picker": "^4.13.0",
"react-native-modal-selector": "^0.0.21",
"react-navigation": "^1.0.0-beta.19",
"react-redux": "^5.0.6",
"redux": "^3.7.2",
"redux-logic": "^0.12.3",
"redux-persist": "^5.4.0"
}

when I execute my project it gives this error.

• What went wrong:
  A problem occurred configuring project ':app'.

Could not resolve all dependencies for configuration ':app:_devRemoteKernelDebugApk'.
A problem occurred configuring project ':react-native-fetch-blob'.
> The SDK Build Tools revision (23.0.1) is too low for project ':react-native-fetch-blob'. Minimum required is 25.0.0

compileSdkVersion 25
buildToolsVersion "25.0.0"

and i get this error.

FAILURE: Build failed with an exception.

• What went wrong:
  Execution failed for task ':react-native-fetch-blob:compileDebugJavaWithJavac'.

Compilation failed; see the compiler error output for details.

Thank you very much in advance.

The method still exists (https://github.com/joltup/react-native-fetch-blob/blob/master/ios.js#L41), it's just missing from the wiki documentation (https://github.com/joltup/react-native-fetch-blob/wiki/iOS-API) and the typescript definitions (https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react-native-fetch-blob/index.d.ts).

Since there's already a jsdoc comment I'm assuming adding docs wouldn't be too arduous, but I'm not sure I'm the best person to fix it - I'm running across it being used in some old code but don't quite understand why it would be used.

Hello!

• please provide the version of installed library and RN project.

[email protected]
[email protected]

I've tried this on both node 6 and 8.

• a sample code snippet/repository

✗ react-native link
Scanning folders for symlinks in /home/brandon/src/DocentReact/node_modules (5ms)
rnpm-install info Platform 'ios' module react-native-background-timer is already linked
rnpm-install info Platform 'android' module react-native-background-timer is already linked
rnpm-install info Platform 'android' module react-native-billing is already linked
rnpm-install info Platform 'ios' module react-native-blur is already linked
rnpm-install info Platform 'android' module react-native-blur is already linked
rnpm-install info Platform 'ios' module react-native-device-info is already linked
rnpm-install info Platform 'android' module react-native-device-info is already linked
RNFetchBlob checking app version ..
RNFetchBlob detected app version => 0.55
Add Android permissions => false
react-native-fetch-blob will not automatically add Android permissions after 0.9.4 please run the following command if you want to add default permissions :

        RNFB_ANDROID_PERMISSIONS=true react-native link

rnpm-install info Platform 'ios' module react-native-fetch-blob is already linked
rnpm-install info Platform 'android' module react-native-fetch-blob is already linked
rnpm-install info Platform 'ios' module react-native-maps is already linked
rnpm-install info Platform 'android' module react-native-maps is already linked
rnpm-install info Platform 'ios' module react-native-sound is already linked
rnpm-install info Platform 'android' module react-native-sound is already linked
rnpm-install info Platform 'ios' module react-native-svg is already linked
rnpm-install info Platform 'android' module react-native-svg is already linked
rnpm-install info Platform 'ios' module react-native-view-overflow is already linked
rnpm-install info Platform 'android' module react-native-view-overflow is already linked
rnpm-install info Linking assets to ios project
rnpm-install info Linking assets to android project
rnpm-install info Assets have been successfully linked to your project
<--- must press enter here to continue

Removing react-native-fetch-blob as a dependency does not produce this behavior.