上传canvas图片到服务器

本文介绍如何使用canvas绘制的图像转换为Base64编码的PNG格式,并通过Node.js正确解码并保存到文件中。文章指出,在使用Node.js进行base64解码时,直接将解码后的Buffer对象写入文件,而不是将其转换为字符串,可以避免图片损坏的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

canvas绘图后用 canvasDom.toDataURL()可以得到png格式图片的base64 dataURI

然后用ajax post给后台  ,后端程序把开头的data:image/png;base64, 去掉 得到base64内容然后decode存入文件即可

 

今天碰到的坑是 node base64_decode的时候网上说的都是 new Buffer(p , 'base64').toString()

但把这个内容写入文件 图片怎么都是损坏 反复尝试后得到正确的图片的方法是 new Buffer(p , 'base64') 没有后面的toString 把流写入文件即可

转载于:https://www.cnblogs.com/vaal-water/p/3238444.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值