将Base64图像压缩发送到Cloudinary之前

Question

我正在制作支持图片上传和用户观看的网络应用。我正在使用angularjs作为框架，但是当我想出将图像发送到后端在单页面应用程序框架（角度）中非常棘手，我选择将图像编译为base64并将其发送到后端。

一旦后端获取base64图像，它将再次将其发送到Cloudinary，数据库将保存来自cloudinary的响应，这是存储图像属性和URL的JSON文件。

到目前为止，这种方法很有效，但现在我想在上述任何一个过程之间再添加一个进程，即图像压缩。我对这种方法很陌生。所以我想知道是否有人处理过这个并给我一些建议或建议。

感谢您的时间。

Answer 1

这是我想到的。希望这能帮助一些正在努力解决同一问题的人。

为了将图像编译为base64，我使用了angular-base64-upload。此外，这个包使我们有机会在base64字符串添加到ng-model变量之前处理文件。

因此，我使用Jimp与angular-base-64-upload进行混合。它很棒。 3.5Mb大小的图像下降到大约110kb，质量降低到50％，宽度降低到1280px。