реагировать на нативную загрузку видео с помощью выборки BLOB-объектов и средства выбора изображений

получить путь к видеофайлу с помощью средства выбора собственного изображения:

{path: "/storage/emulated/0/DCIM/Camera/VID_20171123_122202.mp4", uri: 
"content://media/external/video/media/50"}

отправить файл с ответом на собственный выборочный двоичный объект с оберткой:

     let url=CounterStore.base_url+'upload/video?
    &api_token='+CounterStore.api_token;
        RNFetchBlob.fetch('POST', url, {
            'Content-Type' : 'multipart/form-data',
        }, [

    // part file from storage
    { name : 'avatar-foo', filename : 'avatar-foo.png', 
    type:'image/foo', data: RNFetchBlob.wrap(this.state.data.path)},
    // elements without property `filename` will be sent as plain text
   { name : 'name', data : 'user'},
    { name : 'info', data : JSON.stringify({
     mail : '[email protected]',
     tel : '12345678'
            })},
        ]).then((resp) => {
            console.log(resp)
        }).catch((err) => {
            console.log(err)
        })

не возвращать видеоданные на сервер:

`FetchBlobResponse {data: "{"name":"user","info":"{\"mail\":\"example@example…p8njbIxpJGLDA8fte6QEgbWQOVU3Vhf","avatar-foo":{}}", taskId: "8f`vfiutibvhss2jt8eh62", type: "utf8", respInfo: {…}, info: ƒ, …}

avator-foo пуст.почему?


react-native react-native-fetch-blob
person hamid shahmohammadi    schedule 23.11.2017    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Три проблемы с вашим кодом...

  1. формат файла должен быть mp4, и вы указываете расширение .png в имени файла.
  2. оберните uri, а не путь.
  3. нет необходимости указывать тип в полезной нагрузке.

проверьте пример, приведенный ниже

  ImagePicker.showImagePicker(options, (response) => {

            if (response.didCancel) {
            }
            else if (response.error) {
            }
            else if (response.customButton) {
            }
            else {
                let source = { uri: response.uri }
                RNFetchBlob.fetch('POST', URL, {
                    // dropbox upload headers
                    ...
                    'Content-Type': 'multipart/form-data',
                    // Change BASE64 encoded data to a file path with prefix `RNFetchBlob-file://`.
                    // Or simply wrap the file path with RNFetchBlob.wrap().
                }, [
                        // element with property `filename` will be transformed into `file` in form data

                        { name: 'file', filename: 'vid.mp4', data: RNFetchBlob.wrap(response.uri) },
                        // custom content type

                    ]).then((res) => {

                    })
                    .catch((err) => {
                        // error handling ..
                    })
                this.setState({
                    avatarSource: source
                });
               ....
            }
        });

person Rajat Gupta    schedule 23.11.2017
comment
Не могли бы вы добавить фрагмент для Backend, как вы можете обрабатывать этот запрос в backend. Спасибо - person osama somy; 26.11.2020