canvas 绘制的图片，进行上传

上次记录了，使用canvas绘制的图片，如何下载 juejin.cn/post/684490…。今天就记录下如何上传。
前端上传图片，按接口类型分为两种，是否使用 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/…