"Click to Reveal Image" - 受Buzzfeed启发的功能

Question

我如何创建一个选项，用户可以上传图片，图片可以"点击显示"或不显示。是否需要后端为映像提供这样的选项?

请参考这个链接来了解它的样子。

Answer 1

上传文件需要后端。Refile, Carrierwave和Paperclip是Rails中一些很好的文件上传库。

对于模糊效果，你必须给图像添加一些css，就像这样:

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

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