一个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);