前端实现 压缩图片（可降低分辨率）后提交后台

[wanderingFaker]

网上看到有通过画布来实现的，有谁做过吗

[coderluan]

https://www.v2ex.com/t/398814

[noe132]

很简单，new 一个 canvas，然后将 img 元素调整合适的大小画到 canvas 上，然后再导出成 jpg 或 png 的 dataurl。直接提交 dataurl 给后台。如果是 form data 的 filetype，把 dataurl 转成 blob 就可以了。通过设置 canvas 的大小和 jpg 的压缩比例就能控制图片质量。

[foru17]

转 dataurl 后，由于编码问题，除非减少图片尺寸，要不然很难降低实际图片文件大小。这个需要一个平衡。