axios 不向服务器发送图像答案

【问题标题】：axios does not send image to serveraxios 不向服务器发送图像
【发布时间】：2021-06-14 10:11:19
【问题描述】：

我正在使用 axios 将图像发送到服务器，但我的服务器返回此错误： "图片字段为必填项。"

HTML 标签：

<input type="file" accept="image/png, image/jpeg, image/jpg" @change="updateImage" />

Vue.js 方法：

updateImage(event) {
    let data = new FormData();

    data.append("image", event.target.files[0]);

    axios.put("http://localhost/api/account/settings/image", data);
},

Laravel 验证器规则：

public function rules() {
    return [
        'image' => ['bail', 'required', 'image', 'between:10,10000'],
    ];
}

什么问题？！

【问题讨论】：

标签： laravel vue.js axios

【解决方案1】：

您不能对文件使用 put 方法。它与 laravel 或您的代码 check this 无关。

我会推荐使用发布请求

【讨论】：