отправка пустых файлов на сервер React-Native - PullRequest
Новая
       32

отправка пустых файлов на сервер React-Native

4 голосов
/ 21 июня 2019

Я пытаюсь отправить файлы JSON на сервер с помощью NodeJS с multer, и я могу отправлять файлы, но файлы пусты.

Я использую React-native-File-System для циклического просмотра всех файлов, имеющихся в папке

Я не получаю никаких ошибок, и журналы загрузки файлов также отображаются как ЗАГРУЗКА ЗАВЕРШЕНА, но файлы пусты

Я пытался отправить его с данными формы, но все равно не повезло 

        var RNFS = require('react-native-fs');

        var path = RNFS.DocumentDirectoryPath + '/toBeSynced';

        RNFS.readDir(path)
            .then((success) => {
                success.forEach(function (element) {
                    var fileName = element.name
                    var filePath = element.path
                    const options = {
                        url: 'http://192.168.1.15:3333/SurveyJsonFiles/GetFiles',
                        path: filePath,
                        name: fileName,
                        field: 'files',
                        method: 'POST',
                        type: 'multipart',
                        headers: {
                            'content-type': 'multipart/form-data',
                        },
                        //Below are options only supported on Android
                        notification: {
                            enabled: true
                        }
                    }

                    Upload.startUpload(options).then((uploadId) => {
                        console.log('Upload started')
                        Upload.addListener('progress', uploadId, (data) => {
                            console.log(`Progress: ${data.progress}%`)
                        })
                        Upload.addListener('error', uploadId, (data) => {
                            console.log(`Error: ${data.error}%`)
                        })
                        Upload.addListener('cancelled', uploadId, (data) => {
                            console.log(`cancelled: ${data.error}%`)
                        })
                        Upload.addListener('completed', uploadId, (data) => {
                            // data includes responseCode: number and responseBody: Object
                            console.log('Completed!')
                        })
                    }).catch((err) => {
                        console.log('Upload error!', err)
                    })


                });
            })
            .catch((err) => {
                console.log(err.message);
            });
    }

Ответы [ 2 ]

0 голосов
/ 28 июня 2019

Работает на iOS, а не на Android 

const data = new FormData();
data.append('files', {
    uri: filePath,
    type: 'multipart/form-data',
    name: fileName,
    });

const config = {
    method: 'POST',
    headers: {
        'Accept': 'application/json',
        'Content-Type': 'multipart/form-data',
         },
    body: data,
    };

fetch(uploadUrl, config)
.then((checkStatusAndGetJSONResponse) => {
    console.log(checkStatusAndGetJSONResponse);
    }).catch((err) => {
       console.log(err)
       });
0 голосов
/ 26 июня 2019

Ваш путь не является абсолютным путем к элементу файла.если у вас много файлов, добавьте этот код 

var files = [
  {
    name: 'test1',
    filename: 'test1.w4a',
    filepath: RNFS.DocumentDirectoryPath + '/test1.w4a',
    filetype: 'audio/x-m4a'
  }, {
    name: 'test2',
    filename: 'test2.w4a',
    filepath: RNFS.DocumentDirectoryPath + '/test2.w4a',
    filetype: 'audio/x-m4a'
  }
];

, если у вас есть только один файл, добавьте вот так. 

 var path = RNFS.DocumentDirectoryPath + '/toBeSynced/test.txt';

или 

 var path = RNFS.DocumentDirectoryPath + '/test.txt';

Выможно посмотреть на них.

https://github.com/itinance/react-native-fs#examples

https://github.com/itinance/react-native-fs#constants

...