js 图片转base64

js 图片转base64

        var img = "/changePic";//imgurl 就是你的图片路径

        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;
        }

        var image = new Image();
        image.src = img;
        image.onload = function(){
            var base64 = getBase64Image(image);
            console.log(base64);
            var xhr2 = new XMLHttpRequest();
            xhr2.open("GET","http://localhost/",false);
            //xhr2.open("POST","http://localhost/checkcode",false);

            xhr2.onload = function () {
                console.log(xhr.response);
                
            };
            xhr2.onerror = function(){//请求错误
                console.log('xhr error');
            }

            xhr2.send();
            //xhr2.send("pic="+base64);
        }