在移动端与服务端的交互过程中,经常会遇见移动端上传图片到服务端的情况;将图片转成base64字符串然后和服务端交互,可以有效的减少HTTP数据请求,减少与服务端的数据交互;
将图片转换成base64字符串,主要使用的canvas:
①使用canvas必须在界面上创建canvas:
<canvas id="photo" style="display: none;"></canvas> //创建 canvas 控件
②利用canvas 重绘,将图片文件转换成base64编码字符串
var image = new Image();
image.src = s; //s是图片的路径
image.onload =