反应 axios 发送标头做 api

Question

如何发送 api 请求、发送文件和文本以一种形式。

我用

"Content-Type": "multipart/form-data",

但是，我得到了返回 PHP

<b>Warning</b>:  Missing boundary in multipart/form-data POST data in <b>Unknown</b> on line <b>0</b><br />
{"errors":{"userName":["The user name field is required."],"userEmail":["The user email field is required."],"userAbout":["The user about field is required."],"userPhone":["The user phone field is required."]}}

我填写了所有的表单输入 我只使用一个 FORM 发送图像和文本的问题

我的反应函数

onCreate = (event) => {
        event.preventDefault();

        const { avatar, userName, userEmail, userPhone, userAbout } = this.state;

        axios
            .post(
                api + "api/profile",
                {
                    avatar,
                    userName,
                    userEmail,
                    userAbout,
                    userPhone,
                },

                {
                    headers: {
                        "Content-Type": "multipart/form-data",
                        Authorization: reqtoken,
                    },
                }
            )

            .then(
                (response) => {

                    if (response.status == 201) {
                        alert("We will be in touch soon");

                    }
                    if (response.status != 201) {
                        alert("Something wrong");
                    }
                },
                (error) => {
                    console.log(error);
                    alert("Connection Failure");
                }
            );
        this.resetForm();
    };

Answer 1

在你的情况下，你可以像这样使用 axios

import axios from 'axios';

const handleFileUpload = (file) => {
    const formData = new FormData();
    const apiUrl = YOUR_API_URL
    formData.append('file', file)
    const config = {
        headers: {
            'content-type': 'multipart/form-data'
        }
    }
    return axios.post(apiUrl, formData, config)
}