javascript - 在 laravel 和 vue 中使用 axios 上传文件和输入数据

Question

我一直在尝试使用带有 laravel 后端的 vue js 中的 axios 上传包含表单数据的文件。那里的解决方案很少，但我无法让它们发挥作用。

所以这就是我想要做的。这是我在 vue js 中的数据，我将它们与 v-model 绑定(bind)。我的表单提交方法及其代码

let formData = new FormData();
var file = document.querySelector('#report');
formData.append("file", file.files[0]);
formData.append('someName','someValue');

axios({
         method: 'put',
         url: self.sl+'/seller/upflv',
         data: formData,
   })

在 laravel 后端我使用

登录

 \Log::info($request->all());

我在日志文件中得到一个空数组。

这是我在 chrome 网络中可以看到的内容

------WebKitFormBoundary0Q7B39baNw6AJXDA
Content-Disposition: form-data; name="file"; filename="d.PNG"
Content-Type: image/png
------WebKitFormBoundary0Q7B39baNw6AJXDA
someValue
------WebKitFormBoundary0Q7B39baNw6AJXDA--

任何帮助或解释都将非常有帮助。谢谢。

Answer 1

前段时间遇到过这样的问题。

检查这个https://github.com/laravel/framework/issues/13457#issuecomment-239451567

试着这样发送:

let formData = new FormData();
var file = document.querySelector('#report');
formData.append("file", file.files[0]);
formData.append('someName','someValue');
formData.append('_method', 'PUT'); // ADD THIS LINE
axios({
         method: 'post', //CHANGE TO POST
         url: self.sl+'/seller/upflv',
         data: formData,
   })