Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 上传时模糊图像_Javascript_Image_Blur - Fatal编程技术网

Javascript 上传时模糊图像

Javascript 上传时模糊图像,javascript,image,blur,Javascript,Image,Blur,我正在使用Angular和Firebase开发一个web应用程序。在应用程序上,用户可以上载图像,然后其他用户可以购买该图像。问题是,我想将图像的模糊版本上载到Firebase存储,这样我将有两个版本的图像:原始图像和模糊图像。一旦用户购买了图像,他就可以下载原始图像 我添加了一个CSS属性过滤器:模糊(5px)亮度(0.5)但这显然是一种不好的做法,因为用户可以在开发工具中更改CSS属性(如果他们有一些知识),或者只需右键单击并从站点将图像另存为,然后获取原始图像 所以我的问题是,我有什么选择

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

我添加了一个CSS属性
过滤器:模糊(5px)亮度(0.5)
但这显然是一种不好的做法,因为用户可以在开发工具中更改CSS属性(如果他们有一些知识),或者只需右键单击并从站点将图像另存为
,然后获取原始图像


所以我的问题是,我有什么选择来模糊图像?在我看来,我应该在上传时对图像进行模糊处理,以便将图像的两个版本保存在存储器中,以便用户在购买之前可以看到图像的模糊版本。

这与angularfirebase无关。您需要的是图像处理节点库

我建议使用-

  • 蹦跳
  • lwip
  • 任何其他具有良好github星级的库

如果你遇到任何关于它们使用的问题,那就分享。

问题是…?@Henry well。。。问题是我该怎么做?lol@KLTR上述问题有点令人困惑。据我所知,您需要一个图像处理库。我建议您简单地提问,以便以后的开发人员参考。