在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 前端上傳圖片 canvase drawImg 報錯

前端上傳圖片 canvase drawImg 報錯

最近做一個項目,上傳圖片,但是經(jīng)過canvas的時候,報錯:
圖片描述

function getBase64Image(img) {
                    var canvas = document.createElement("canvas"); //創(chuàng)建canvas DOM元素,并設(shè)置其寬高和圖片一樣
                    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(); //動態(tài)截取圖片的格式
                    var dataURL = canvas.toDataURL("image/" + ext); //返回的是一串Base64編碼的URL并指定格式
                    return dataURL;
                }
回答
編輯回答
扯機薄

ext有值么

2018年8月8日 18:23
編輯回答
遲月

根據(jù)錯誤信息,getBase64Image傳入的img對象類型不對,一般來說應(yīng)該是new Image()得到的HTMLImageElement對象。

2017年4月20日 08:32