canvas压缩图片转换成base64格式输出文件流

 // drawimage三种调用方法 // ctx.drawImage(Image,dx,dy); // ctx.drawImage(Image,dx,dy,dWidth,dHeight); // ctx.drawImage(Image,sx,sy,sWidth,sHeight,dx,dy,dWidth,dHeight); //images图片元素，出来预判还支持其他三种格式，分别是htmlvideoElement htmlcanvasElement imagebitmap //todataurl是canvas画布元素的方法,放回指定的图片格式的data url,也就是base64编码串 //todataurl方法最多接受两个参数，并且这两个参数都是可选的： //type图片格式.支持3种方式,分别是image/jpeg images/png image/webp,默认是image.png-600 var canvas = document.getElementById('canvas'); var source = document.getElementsByClassName('source'); var preview = document.getElementsByClassName('preview'); canvas.style.display = "none"; window.onload = function() { //多张图片循环便利压缩 for(var i = 0; i