element 上传图片转base64

<el-upload

          list-type="picture-card"

          action=""

          :http-request="uploadFileFn"

          :show-file-list="false"

          :accept="mime"

          :on-change="getFile"

        >

        上传

        </el-upload>

 

methods:{

// 图片转base64    

getFile(file, fileList) {

      this.getBase64(file.raw).then(res => {

        const params = res.split(',')

        console.log(params, 'params')

        if (params.length > 0) {

          this.strimagebase64 = params[1]

        }

      })

    },

    // 获取图片转base64

    getBase64(file) {

      return new Promise(function(resolve, reject) {

        const reader = new FileReader()

        let imgResult = ''

        reader.readAsDataURL(file)

        reader.onload = function() {

          imgResult = reader.result

        }

        reader.onerror = function(error) {

          reject(error)

        }

        reader.onloadend = function() {

          resolve(imgResult)

        }

      })

    }

}