vue2.0-element ui 实现图片自动上传功能;
问题:一直显示token不存在?原因是没有设置请求头,所以要设置headers.
一、上传代码:
二、js部分:
data(){
return{
headers:{"token": localStorage.getItem("token")}//本地获取
},
},
methods:{
handleAvatarSuccess(res, file) {
this.imageUrl = URL.createObjectURL(file.raw);
console.log("上传图片成功",res,file)
},
beforeAvatarUpload(file) {
const isJPG = file.type === 'image/jpeg';
const isLt2M = file.size / 1024 / 1024 < 2;
console.log("beforeAvatarUpload",file)
// if (!isJPG) {
// this.$message.error('上传头像图片只能是 JPG 格式!');
// }
// if (!isLt2M) {
// this.$message.error('上传头像图片大小不能超过 2MB!');
// }
// return isJPG && isLt2M;
}
}