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);
    });
}

liver · Accepted Answer · 2017-06-23 20:39:46Z

2

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)

answered Jun 23, 2017 at 20:39

liver

4981 gold badge4 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kamil P Over a year ago

What I discovered, interesting fact. Android OS's still having problem when the name contains percent symbol, %. So I need to initially decode uri and replace each % symbol to %25. But this solution breaks it on iOS devices. So I'm using decodeURIComponent(uri.replace(/%/g, '%25')) for android and just decodeURIComponent(uri) for iOS.

Val · Accepted Answer · 2017-09-04 10:31:11Z

2

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.

answered Sep 4, 2017 at 10:31

Val

22.9k11 gold badges72 silver badges87 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related