虽然使用射流研究…就可以将图片转为base64，但为了省事，在使用元素框架后还是尽量用元素的上传功能做图片上传，因为元素的上传功能封装的还是挺完善的，不用自己去思考判断各种场景条件，但元素好像并没有直接给出生成base64的方法（不确定),所依需要自己添加下代码。

元素将图片转为base64的完整案例：

！声明文档类型

超文本标记语言

头

meta charset='utf-8' /

元名称="视口"内容="宽度=设备宽度，初始比例=1"

标题元素将图片转为base64流/title

！-引入样式-

链接。端龙龙。com/link/element。CSS ' rel='样式表'

！-引入vue -

脚本src=' http://www。杜昂龙。com/link/vue。js '/脚本

！-引入元素组件库-

脚本src=' http://www。端龙龙。com/link/element。js '/脚本

/head

身体

div id='app '

El-上传操作=' : on-change=' GetFile ' : limit=' 1 ' list-type=' picture ' :自动上传=' false '

El-button size=' small ' type=' primary '选择图片上传，最多上传一张图片/el-button

/El-上传

/div

脚本类型="文本/javascript "

var app=new Vue({ 0

el: '#app '，

数据： {

},

methods: {

getFile(文件，文件列表){ 0

//得到元素返回的图片文件流后调用下面函数转换base64流

this.getBase64(file.raw).然后(RES=}

console.log(res)//输出的为base64流

});

},

getBase64(文件){ 0

返回新的承诺（功能（解决，拒绝){ 0

let reader=new FileReader()；

让imgResult=

reader.readAsDataURL(文件);

读者。onload=function(){ 0

imgResult=reader.result

};

reader.onerror=函数（错误){ 0

拒绝（错误);

};

读者。onloadend=function(){ 0

resolve(IMgresult)；

};

});

},

}

})

/script

/body

/html

以上便是元素用户界面将图片转为base64的实例，并在此准备了图片转base64在线工具。

你可能需要以下内容：

原生射流研究…将图片转为base64案例，

某视频剪辑软件里将图片转为base64流编码，

元素用户界面将图片转为base64的实例