Javascript 在laravel和vue中使用axios上载文件和输入数据

Javascript 在laravel和vue中使用axios上载文件和输入数据,javascript,laravel,laravel-5,axios,Javascript,Laravel,Laravel 5,Axios,我一直在尝试使用vue js中的axios和laravel后端上传一个包含表单数据的文件。虽然解决方案不多,但我无法让它们发挥作用 这就是我要做的。 这是我在vue js中的数据,我将它们与v-model绑定。我的表单提交方法及其代码 let formData = new FormData(); var file = document.querySelector('#report'); formData.append("file", file.files[0]); formData.append

我一直在尝试使用vue js中的axios和laravel后端上传一个包含表单数据的文件。虽然解决方案不多,但我无法让它们发挥作用

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

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--
任何帮助或解释都会非常有用。
多谢各位

不久前遇到了这样的问题

检查这个

请尝试这样发送:

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,
   })

尝试记录
$request->hasFile(“文件”)。但是我的输入呢?sameName?是的,它是空的。是否可以附加对象而不是键值对?因为我已经有了包含所有键值的数据对象json\u decode()
,你救了我一天@塞尔吉奥里斯坦克斯帮了我很多