用canvas压缩图片后为透明图

Question

 $(page).off().on('change', '#myUploadImgAlbum', function () {     fileUpload(this.files[0]);   }); var fileUpload = function (obj) {   var file = obj;   var reader = new FileReader();   reader.readAsDataURL(file);   reader.onload = function () {     var img = new Image(),       canvas = document.createElement("canvas"),       drawer = canvas.getContext("2d");     img.src=reader.result;     canvas.width = 400;     canvas.height = 400;     drawer.drawImage(img, 0, 0, 400, 400);       console.log(drawer);      img.src = canvas.toDataURL('image/png', 0.6);     var image_base64 = img.src.replace("data:image/png;base64,","");     $.ajax({       type: 'POST',       headers: reqUrl.getReqHeader(),       url: reqUrl.getReqUrl('UploadPicure'),       data: JSON.stringify({       AgentLogoMsg: image_base64,       FileName: '11.jpg'       }),       success: function (data) {         if (data['Code'] == 0) {                 agent.setAgentLogo(data.Data.Logo);               $(page).find('#preview_img').attr('src', data.Data.Logo);           }       },       error:function(data){         console.log(data);       }     })   } }

Answer 1

前端代码应该没问题，应该是后端解析图片base64数据出现问题。为啥不直接传file。