本地图片转base64编码

通常获取图片的base64编码都是通过input的上传file属性获取转化，但是有时候需要的是本地图片不经过上传操作，直接拿本地图片转成base64编码就不行了，input上传操作需要人为操作一下，没有认为操作拿到的只是图片路径，现在可以通过canvas的toDataURL属性来将本地图片直接转换成base64编码形式，如下方法直接可以用：

changeBase64(url) { 　　var imgSrc = url; // 图片本地路劲 　　var image = new Image() 　　image.src = imgSrc 　　image.onload = () => { 　　　　var canvas = document.createElement("canvas") 　　　　canvas.width = image.width 　　　　canvas.height = image.height 　　　　var ctx = canvas.getContext("2d") 　　　　ctx.drawImage(image, 0, 0, image.width, image.height) 　　　　var ext = image.src.substring(image.src.lastIndexOf(".") + 1).toLowerCase() 　　　　var dataUrl = canvas.toDataURL("image/" + ext) 　　　　var base64 = JSON.parse(JSON.stringify(dataUrl)) // 这里就是转化成的编码 　　} }