axios 不向服务器发送图像

Question

我正在使用 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'],
    ];
}

有什么问题？！

Answer 1

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

无关

我会推荐使用 post 请求