上传时模糊图像

Blur image on upload

我正在使用 Angular 和 Firebase 开发网络应用程序。在应用程序上，用户可以上传图片，然后其他用户可以购买该图片。问题是，我想将图像的模糊版本上传到 Firebase 存储，这样我就会有两个版本的图像：原始图像和模糊图像。一旦用户购买了图片，他就可以下载原始图片。

我添加了 CSS 属性 filter: blur(5px) brightness(0.5); 但这显然是不好的做法，因为用户可以从开发工具中更改 CSS 属性如果他们有一些知识或只需右键单击并从站点 save image as 获取原始的。

所以我的问题是，我有哪些选项可以模糊图像？在我看来，我应该在上传图片时对图片进行模糊处理，这样我就可以在存储中保存图片的两个版本，这样用户就可以在购买之前看到图片的模糊版本。

这与angular或firebase无关。你需要的是一个图像处理节点库.

我建议使用 -

如果您在使用方面遇到任何问题，请分享。