在移动终端与服务器交互过程中,经常会遇到移动终端上传图片到服务器的情况; 将图片转换为字符串再与服务器交互,可以有效减少HTTP数据请求以及与服务器的数据交互; 将图像转换为字符串,主要使用:①使用必须在界面上创建:
//创建控件
② 使用重绘将图像文件转换为编码字符串
var image = new Image();image.src = s;//s为图像image的路径。 = () { //图像。 就是等待图片加载完毕,等待图片加载完毕后再对图片进行操作 var width = image.width;//根据图片的宽高,压缩图片 var = image.;if (宽度 > ) { = Math.round(500 * 宽度 / );宽度 = 500;} else {宽度 = Math.round(500 * 宽度 / );宽度 = 500;} 圆形(500 * 宽度 / ); = 500;}var = .("照片");var cax = .('2d');.width = 宽度;. = ;cax.(image, 0, 0, width, );//重画 var = .("image/png");//是基本编码字符串}
③转换成功后,会得到一长串字符; 数据:图像/jpg;,…………; 然后将获取到的字符串上传到服务器,服务器拿到后进行解码,就可以得到上传图片了;