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;
      }
}