var imgurl = "images/logo.png"; //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 = imgurl; //图片赋值
image.onload = function(){
var base64 = getBase64Image(image);
console.log('imgBase64', base64)
}
上面是“最简单的纯js图片转base64(小编亲测有效)”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_46.html
workflows工作流
五颜六色的球花comfyui工作流
森林里坐着一个外星人ComfyUI工作流
一个穿着发光红色长袍的人
一艘来自工业时代的飞船ComfyUI工作流
一个戴着破旧莎帽子的机械忍者站在冰林中
奋斗的小黄人ComfyUI工作流
1个黑发带着耳机项链的女孩ComfyUI工作流
一座生动的点彩主义灯塔ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

自动打字效果(惊喜在后面)
用canvas实现画板涂鸦效果
css3卡片动态滑动效果
利用canvas画几个好玩的星云物种
如何利用svg做一个有趣的loading动画加载
SVG路径动画效果
jquery做一个漂亮挂墙动态时钟
jquery鼠标滑过图片边框特效(jquery.focus-follow插件)






