Question

我是React Native的新手，这可能是一个愚蠢的问题，但是当我尝试在后端服务器端（laravel）使用expo上传带有react native的.mp4时，我会收到一个jpg / jpeg文件，该文件是很奇怪，因为当我尝试上载.mov文件时使用相同的代码，它可以按预期工作，没有任何问题。我做错了什么吗？

p.s：我已经尝试获取方法和axios，但是两者都得到相同的结果。

这是我的代码：

 postForm = () => {

        var body = new FormData();
        body.append("title", this.state.text);
        body.append("description", this.state.description);
        body.append("category_id", this.state.category_id);
        body.append("type", this.state.type);

        body.append('media_path', {
            uri: this.state.photos.photos[0].file,
            name: `media.mp4`,
            type: this.state.format
        });



        this.state.photos.photos.map((item, index) => {
            console.log("addable item is", index, item.file);

            //skip first photo to media_path
            if (index == 0) {
                console.log("avalin index: ", item.file)
                return
            }
            else {
                file = item.file.toLowerCase();
                console.log("full name is", file);

                let addable = {
                    uri: item.file,
                    name: `addables`,
                    type: this.state.format
                }
                body.append("addables[]", addable)
            }



        })
        console.log("final body: ", body);


        this.setState({
            uploading: true,

        }, function () {
            let apiUrl = `${config.BASE_URL}api/products`;
            console.log(apiUrl);

            axios({
                method: 'POST',
                url: apiUrl,
                data: body,
                headers: {
                    Accept: 'application/json',
                    'Content-Type': 'multipart/form-data',
                    "authorization": this.state.token
                }
            })
                .then((response) => {
                    //handle success
                    console.log("success response: ", response);
                    if (response.data.status == true) {
                        this.setState({
                            uploading: false
                        }, function () {
                            this.props.navigation.push('profile');
                        })
                    }
                    else {
                        this.setState({
                            uploading: false
                        }, function () {
                            this.showToast("unsuccessful operation.", "danger", 3000);
                        })
                    }
                })
                .catch(function (response) {
                    //handle error
                    console.log(response);
                    alert("response)
                });

        })


    }

这是laravel记录的电话：

array (
'title' => 'test',
  'description' => 'test',
  'category_id' => '3',
  'type' => 'video',
  'media_path' => 
  Illuminate\Http\UploadedFile::__set_state(array(
     'test' => false,
     'originalName' => 'media.mp4',
     'mimeType' => 'image/jpeg',
     'error' => 0,
     'hashName' => NULL,
  )),
)

在响应本机问题中上传带有expo的mp4

0 个答案: