“点击显示图像” - Buzzfeed 启发功能

Question

我如何创建一个选项，用户可以上传图片并且图片可以“点击显示”或不显示。图像是否需要后端才能具有此类选项。

请参阅此链接以了解其外观。

Answer 1

要上传文件，您需要后端。在 Rails 中用于文件上传的一些好的库是 Refile、Carrierwave 和 Paperclip.

对于模糊效果，您必须在图像中添加一些 css，如下所示：

.blurred {
  filter: blur(5px);
   -webkit-filter: blur(5px);
   -moz-filter: blur(5px);
   -o-filter: blur(5px);
   -ms-filter: blur(5px);
}

然后你必须用 Javascript 或 jQuery 处理 clickevent 来移除过滤器。