Sélectionnez un fichier de document à partir du téléphone et téléchargez-le sur le serveur

Question

J'essaie d'obtenir un fichier de document à partir du stockage du téléphone lorsque vous appuyez sur le bouton et que vous téléchargez le serveur. Mais je ne sais pas quelle bibliothèque utiliser et comment le faire.

Answer 1

Si vous souhaitez utiliser une bibliothèque, vous avez à la fois React-native-fetch-blob ou axios.

Si réagissez-natif fetch-blob vous pouvez le faire comme ceci:

RNFetchBlob.fetch('POST', 'http://www.example.com/upload-form', { 
    Authorization : "Bearer access-token", 
    otherHeader : "foo", 
    'Content-Type' : 'multipart/form-data', 
    }, [ 
    // element with property `filename` will be transformed into `file` in form data 
    { name : 'avatar', filename : 'avatar.png', data: binaryDataInBase64}, 
    // custom content type 
    { name : 'avatar-png', filename : 'avatar-png.png', type:'image/png', data: binaryDataInBase64}, 
    // part file from storage 
    { name : 'avatar-foo', filename : 'avatar-foo.png', type:'image/foo', data: RNFetchBlob.wrap(path_to_a_file)}, 
    // elements without property `filename` will be sent as plain text 
    { name : 'name', data : 'user'}, 
    { name : 'info', data : JSON.stringify({ 
     mail : 'example@example.com', 
     tel : '12345678' 
    })}, 
    ]).then((resp) => { 
    // ... 
    }).catch((err) => { 
    // ... 
    }) 

Vous hae à gérer pour obtenir le chemin du fichier de bibliothèques comme RNFS ou même blob RNFetch.

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

Vous pouvez utiliser aussi Axios (https://github.com/mzabriskie/axios), mais je ne l'utilise pas donc je ne peux pas vous aider davantage.

La différence entre les deux est la façon dont ils envoient les données. RNFB utilise l'API de récupération et descend en natif pour obtenir l'encodage Base64, axios fonctionne sur XMLHttpRequests, qui est plus susceptible d'être utilisé dans les navigateurs Internet.

Espérons que ça aide.