图片上传处理

最新推荐文章于 2023-01-04 16:36:08 发布

csstmg

最新推荐文章于 2023-01-04 16:36:08 发布

阅读量159

点赞数

分类专栏：前端 element

本文链接：https://blog.csdn.net/csstmg/article/details/107362038

版权

前端同时被 2 个专栏收录

171 篇文章 1 订阅

订阅专栏

element

104 篇文章 0 订阅

订阅专栏

//用户重新上传头像
    afterRead(file) {
      // 此时可以自行将文件上传至服务器
      // `${process.env.VUE_APP_FILE_PATH}` // 文件返回地址 
      // process.env.VUE_APP_BASE_API // 上传与api的
      file.content = file.content.replace(/^data:image\/\w+;base64,/, '') // replace消除前缀，获取完整的base64码
      axios.post(`${process.env.VUE_APP_FILEUP_API}` + 'api/upload', {
        dirName: 'public/personnel/mobile',
        suffix: ".jpg",
        data: file.content
      }).then(res => {
        if (res.data.code == 200) {
          this.$toast.success('上传成功');
          // this.user.employeePicture = res.data.data
          // this.imgFlag = true
          let userdata = JSON.parse(sessionStorage.userData)
          userdata.employeeInfo.employeePicture = res.data.data // 头像
          sessionStorage.userData = JSON.stringify(userdata)
          this.userBasic.employeePicture = res.data.data
        }
      })
    },