手机端图片压缩后上传base64

　　一个js就能做到的手机端图片压缩后上传base64，另外可以根据下方代码修改成连续多图上传并且带预览效果，下面是由本站小编为大家准备的手机端图片压缩后上传base64，喜欢的.可以收藏一下！了解更多详情资讯，请关注应届毕业生考试网！　　/**　　* 从网上下载来的一个招数，网上是传多图，我这个是单个上传返回图片路径,要自定义一个callbackCanvsUpload（res）res={'code':1,'data':'','msg':}　　*　　*　　*　　<script src=""></script>　　<script src="/static/js/"></script>　　<input id="canvsUpload" type="file" name="canvsUpload" accept="image/*" multiple="multiple" />　　<div id="canvasDiv"></div>　　<script>　　function callbackCanvsUpload(res) {　　alert();　　}　　</script>　　*/　　var imgTypeArr = new Array();　　var imgArr = new Array();　　var isHand = 0;// 1正在处理图片　　var base64Img = '';　　var nowImgType = "image/jpeg";　　var uploadApiUrl="";　　var jic = {　　compress : function(source_img_obj, imgType) {　　source_img_ad = function() {　　var cvs = teElement('canvas');　　var scale = ht / h;　　h = 640;　　ht = 640 * scale;　　var ctx = ontext("2d");　　Image(this, 0, 0, h, ht);　　var newImageData = taURL(imgType, 0.8);　　base64Img = newImageData;　　//预览图　　//var img = new Image();　　// = newImageData;　　//$(img)('width', 100 + 'px');　　//$(img)('height', 100 + 'px');　　//$("#canvasDiv")nd(img);　　isHand = 0;　　catUpload();　　}　　}　　}　　function handleFileSelect(evt) {　　isHand = 1;　　imgArr = [];　　imgTypeArr = [];　　$("#canvasDiv")("");　　var files = s;　　for (var i = 0, f; f = files[i]; i++) {　　// Only process image files.　　if (!h('image.*')) {　　continue;　　}　　();　　nowImgType = ;　　var reader = new FileReader();　　// Read in the image file as a data URL.　　AsDataURL(f);　　// Closure to capture the file information.　　ad = (function(theFile) {　　return function(e) {　　var i = new Image();　　 = lt;　　ress(i, nowImgType);