canvas 绘制的图片,进行上传

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 16:47   1668   0

上次记录了,使用canvas绘制的图片,如何下载 juejin.im/post/5b28cd…。今天就记录下如何上传。
前端上传图片,按接口类型分为两种,是否使用 formData。
1、不使用formData,就把图片转为 base64使用 JOSN传递到后台。
缺点: 图片转为base4后,体积会变大。占用内存较多。不适合大量使用。

2、使用formData, 图片转为 blob,传递到后台。
我在开发中选择了第二种方式。

canvas.toBolb(function (blob) {
    let formData = new FormData();
    formData.append('字段名', blob, '图片名');
}, 'image/jpeg', 0.9)
复制代码

关于formData详情参考developer.mozilla.org/zh-CN/docs/…

转载于:https://juejin.im/post/5b3091caf265da595d2ec5ce

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP