jQuery将图片转化为base64格式的字符串

前言

前后端交互时，往往会遇到向后台传输图片的需求，当然我们可以使用传统的formdate来传递img文件，但是有时候传递base64格式的图片，可能会更便捷和节省资源空间。

       var img = $('.myImg').attr('src'); //在这里获取需要转换的图片
        var image = new Image();
        image.src = img;
        image.onload = function(){
            var base64 = getBase64Image(image);
            console.log(base64);
        }
      //调用具体转换的方法
        function getBase64Image(img) {
            var canvas = document.createElement("canvas");
            canvas.width = img.width;
            canvas.height = img.height;
            var ctx = canvas.getContext("2d");
            ctx.drawImage(img, 0, 0, img.width, img.height);
            var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();
            var dataURL = canvas.toDataURL("image/"+ext);
            return dataURL;
        }