图片转换成base64编码格式展示

生而为人 谁不付出 谁不努力

很多时候在处理图片的时候需要先转换格式

1转换为base64编码

function img_base64(){
	 var imgSrc = img_url;
//   var imgSrc = "img/1.jpg";
     function getBase64(img){//传入图片路径,返回base64
       function getBase64Image(img,width,height) {//width、height调用时传入具体像素值,控制大小 ,不传则默认图像大小
         var canvas = document.createElement("canvas");
         canvas.width = width ? width : img.width;
         canvas.height = height ? height : img.height;

         var ctx = canvas.getContext("2d");
         ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
         var dataURL = canvas.toDataURL();
         $("#img_base64").attr("src",dataURL);
         return dataURL;
       }
       var image = new Image();
       image.crossOrigin = '';
       image.src = img;
       var deferred=$.Deferred();
       if(img){
         image.onload =function (){
           deferred.resolve(getBase64Image(image));//将base64传给done上传处理
         }
         return deferred.promise();//问题要让onload完成后再return sessionStorage['imgTest']
       }
     }
     getBase64(imgSrc)
       .then(function(base64){
         console.log(base64);
       },function(err){
         console.log(err);
       });
}
发布了82 篇原创文章 · 获赞 13 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/tanqingfu1/article/details/104746281