先看哈演示-打开控制台查看返回数据 新窗口打开

度娘了一波多图上传插件,发现这个东西看出现频率很高,不得不说vue做起东西来挺方便快捷的,但是都只是前端那一部分,没有一个完整的上传演示,于是就升级了一波。

axios 与 php 数据传送:
如果用axios.post()方式,必须 JSON.stringify转换一波才可以发送,不然会报错看似像跨域其实不是跨域问题(Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.);

code
1
2
3
4
5
6
7
8
axios.post('./', JSON.stringify(_this.user))
.then(function (response) {
console.log(response.data);

})
.catch(function (error) {
console.log(error);
});

php 接收用以往的$_POST获取不到数据 换成这样就可以

code
1
2
$getdata = json_decode(file_get_contents("php://input"),true);
$sid = $getdata['sid'];