2019-07-28

$(function(){

      //这是网上的一张图片链接

      var url="http://pic.c-ctrip.com/VacationH5Pic/mice/wechat/ewm01.png";

      //var url="https://test-zyhuadu.oss-cn-beijing.aliyuncs.com/test02M.jpg";

      getBase64(url).then(function(base64){

                      $('#box').html(base64);

                      $('.img_base64').attr('src',base64);

                  },function(err){

                      console.log(err);//打印异常信息

                  });

      });

        //传入图片路径,返回base64

        function getBase64(img){

            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();

                return dataURL;

            }

            var image = new Image();

            image.setAttribute("crossOrigin",'Anonymous');

            image.src = img;

            var deferred=$.Deferred();

            if(img){

                image.onload =function (){

                    deferred.resolve(getBase64Image(image));//将base64传给done上传处理

                }

                return deferred.promise();//问题要让onload完成后再return sessionStorage['imgTest']

            }

        };

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容