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