Move file from tmp to documents using react-native-fs

Question

I'm trying to move a file selected from a document picker to the Document Directory using react-native-fs and react-native-document picker.

However, I get the error below:

Error: “file name.mp3” couldn’t be moved to “Documents” because either the former doesn't exist, or the folder containing the latter doesn't exist.

What am I doing wrong?

FYI, I'm using iOS.

openDocumentPicker() {
  DocumentPicker.show({
    filetype: ['public.audio'],
  },(error,url) => {
    console.log(url);
    this.saveAudio(url);
  });

}

saveAudio(url) {

  var destPath = RNFS.DocumentDirectoryPath + '/' + 'name';

  RNFS.moveFile(url, destPath)
    .then((success) => {
      console.log('file moved!');
    })
    .catch((err) => {
      console.log("Error: " + err.message);
    });
}

score 2 · Accepted Answer · answered Jun 23 '17 at 20:39

I believe I've found the error. The issue was that the file I was uploading had a space in it. I needed to decode the URL first before uploading, like so:

var decodedURL = decodeURIComponent(url)

Then I could move the file over.

RNFS.copyFile(decodedURL, destPath)

score 2 · Answer 2 · answered Sep 04 '17 at 10:31

It happened to me when destination folder doesn't exist.

[tid:com.facebook.react.JavaScript] 'error!', { [Error: The file “source.jpg” doesn’t exist.]

It's a wrong error message from react-native-fs. It should tell target path folder not exists.

Move file from tmp to documents using react-native-fs

2 Answers2