function changeBase64() {
var imgSrc = './share.png'; // 图片本地路劲(写自己本地图片地址)
var image = new Image()
image.setAttribute('crossOrigin', 'anonymous') //支持跨域
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)) // 这里就是转化成的编码
console.log(base64)
}
}
本文介绍了一种将本地图片转换为Base64编码的方法。通过使用JavaScript创建一个Canvas元素来绘制图片,然后将其导出为Base64格式的数据URL。此过程包括设置图片的跨域属性、创建画布并绘制图片、获取图片的原始格式以及最终转换为Base64编码。
6598

被折叠的 条评论
为什么被折叠?



