写了一个投票页面,上传图片的时候出了一点小插曲,随记,以备后查。
let fd = new FormData(); //使用FormData类上传数据
fd.append("file", this.file_img.file); /*append(key,value)向fd对象中添加一条信息
*set(key,value)更新fd对象中键为key的的信息
*更多FormData的属性可以查询相关文档
*/
fd.append("username", this.username);
fd.append("phone", this.phone);
fd.append("id", new Date().getTime());
fd.append("type", this.$config.type);
this.$axios //使用axios发HTTP请求
.post(url, fd, {
headers: {
"Content-Type": "multipart/form-data",
charset: "UTF-8" //设置字符集为utf-8
},
transformRequest: [ //这个属性的配置是为了解决iphon手机在文件上传时,服务器无法获取到数据的情况,安卓手机没有这个问题
function() {
return fd; //这里返回的就是刚才FormData的实例对象fd
}
]
})