前端上传图片 canvase drawImg 报错

Question

最近做一个项目，上传图片，但是经过canvas的时候，报错：

function getBase64Image(img) {

                    var canvas = document.createElement("canvas"); //创建canvas DOM元素，并设置其宽高和图片一样

                    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); //返回的是一串Base64编码的URL并指定格式

                    return dataURL;

                }

Answer 1

根据错误信息，getBase64Image传入的img对象类型不对，一般来说应该是new Image()得到的HTMLImageElement对象。