如何使用html5进行图片压缩上传？

如何使用html5进行图片压缩上传？

涉及到H5图片压缩，第一应该想到的是canvas的图片处理api。
先利用canvas.toDataURL('"image/jpeg",quality)中的quality参数进行图片压缩范围是0~1之间，再将图片base64格式转化为blob对象，最后使用formData和正常图片上传流程一样。