Failed to fetch when file has spaces in name.

Hello!

When I try to upload a file that has a space in its name (like “FILE A”), I get this error.

Failed to create form data from content URI:content://com.android.providers.downloads.documents/document/raw%3A%2Fstorage%2Femulated%2F0%2FDownload%2FFILE A.docx, Permission Denial: reading com.android.providers.downloads.DownloadStorageProvider uri content://com.android.providers.downloads.documents/document/raw%3A%2Fstorage%2Femulated%2F0%2FDownload%2FFILE A.docx from pid=28475, uid=10155 requires that you obtain access using ACTION_OPEN_DOCUMENT or related APIs

code:

await RNFetchBlob.fetch('POST', url, {
        token: 'token',
    }, [
        {
            name: 'file0',
            filename: file.name,
            data: RNFetchBlob.wrap(decodeURI(fileURI)),
        },
    ]);

If you remove the space from the name, everything works fine.

env platform: Android react-native: “0.62.2”, rn-fetch-blob: “^0.12.0” minSdkVersion = 23 compileSdkVersion = 28 targetSdkVersion = 28

p.s: RNFB.fs.exist(uri) returns true p.p.s:“FILE_A” for example uploads fine.

[cpecorari]

Hi, had the problem too, solved it like this as path is not interpreted the same way in iOS and Android :

filename: file.name.replace(/\s/g, '_'),
name: 'files[]',
data:
        Platform.OS === 'ios'
          ? 'RNFetchBlob-' + decodeURI(file.uri)
          : RNFetchBlob.wrap(file.uri.replace(/file:\/\//g, ''))

[AireshBhat]

Encode the URI as well as shown below:

await RNFetchBlob.fetch('POST', encodeURI(url), {
        token: 'token',
    }, [
        {
            name: 'file0',
            filename: file.name,
            data: RNFetchBlob.wrap(decodeURI(fileURI)),
        },
    ]);