“Click to Reveal Image” - Buzzfeed启发的功能

Question

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

请参阅此链接了解它的样子。

Answer 1

要上传文件，您需要后端。 Rails中一些用于fileupload的好库是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以删除过滤器。