如何通过ajax(带有vue.js的axios)向控制器发送图像以及之后如何访问它?

时间:2017-05-11 17:16:11

标签: ajax laravel vue.js axios

我一直想把这件事弄清楚一段时间。 我要做的是上传图像,然后通过ajax提交表单并在控制器中访问它。 我发布数据的代码部分:

var formData = new FormData();
formData.append('file', files[0]);

axios.post('/uploadImg', {
      formData
   })
.then(response => console.log(response.data));

如果我在axios.post之前console.log(formData.get('file'));,我会看到我需要的所有数据: enter image description here  但是当我尝试在控制器内部访问它时,例如:$request->file('file');$request->file;,或者即使我尝试return $request->all();,我也会得到空对象? : enter image description here 我很确定我在错误地处理$ request的事情,或者之前是否搞乱了事情? 顺便说一下,我正在使用vue.js发布ajax数据和我正在研究的框架是laravel。

感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

好吧,我无法访问这些图片的原因是由于它们的大小。我通过改变php.ini中的一些行来修复它。所以我设置:filememory_limit为256M,upload_max_filesize为10M。现在一切正常!