图片转base64，使用element-ui，vue框架

vue 图片转base64，使用element-ui框架

封装好的转换base64方法

export function uploadImgToBase64(file) {
    return new Promise((resolve, reject) => {
        const reader = new FileReader()
        reader.readAsDataURL(file)
        reader.onload = function () { // 图片转base64完成后返回reader对象
            resolve(reader)
        }
        reader.onerror = reject
    })
}

template模板文件

script里面的方法

uploadImgToBase64(file.raw).then((res)=>{
                console.log(res.result)
                // 输出内容 data:image/png;base64,iVBORw0KGgoAAAANSU...
            })

base64图片在template中使用