canvas 绘制的图片，进行上传

上次记录了，使用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