网络上有很多片介绍通过js将图片转换成base64的文章，之所以再写这篇文章的原因时发现没有找到系统的介绍的文章，有的介绍如何实现本地项目的图片转码，有的介绍如何实现网络资源的图片转化，但是系统介绍的少之又少，所以我就在这里将各种场景系统的介绍一下：
场景一：将用户本地上传的资源转化，即用户通过浏览器点击文件上传时，将图片资源转化成base64：
<input type="file" ) + 1)
拓展二：判断base64资源大小，超过2M不让上传
var AllowImgFileSize = 2100000; //上传图片最大值(单位字节)（ 2 M = 2097152 B ）
if (AllowImgFileSize != 0 && AllowImgFileSize < reader.result.length) {
alert( '上传失败，请上传不大于2M的图片！');
return;
}
其中reader.result即是base64转码后的结果。以上便是对网络上的一些资源的整理，亲测可用。如有不对可以留言交流。
相关文章：