ruby-on-rails - 使用 Formtastic 和 ActiveAdmin 输入图像文件

Question

我开始使用 formstatic 但我需要创建一个带有图像预览的文件字段。我的意思是，当我编辑一个对象时，我想看到已经链接的图像。

我怎样才能做到这一点？

谢谢 ！

Answer 1

答案是使用提示属性：

ActiveAdmin.register Event do
  form :html => { :enctype => "multipart/form-data" } do |f|
    f.input :map, :as => :file, :hint => f.template.image_tag(f.object.map.url(:thumb))
  end
end

再见

Answer 2

使用带有 formtastic 的回形针

Formtasitc 的github 页面提到它支持回形针：

:file – 文件字段。文件附件属性匹配的默认值：回形针或附件_fu。

以下是一些有用的截屏视频，可助您一臂之力：

回形针

裁剪图像

编辑：

要在 ActiveAdmin 中的网格列中显示图像，您需要创建一个自定义列（这是未经测试的，可能有缺陷，我从文档中推断出来）：

index do
    column "Title" do |post| 
        link_to image_tag("path to file", :alt => "post image"), admin_post_path(post)
    end
end

Answer 3

两个 Gems 和一个插件可以帮助您解决问题：

确保您查看：

宝石：

回形针：https ://github.com/thoughtbot/paperclip

PaperClip 上的 RailsCast：http ://railscasts.com/episodes/134-paperclip

载波：https ://github.com/carrierwaveuploader/carrierwave

CarrierWave 上的 RailsCast：http ://railscasts.com/episodes/253-carrierwave-file-uploads

jQuery 文件上传：https ://github.com/blueimp/jQuery-File-Upload

Jquery 文件上传 RailsCast：http: //railscasts.com/episodes/381-jquery-file-upload （需要 RailsCast 专业帐户）

Answer 4

正如@ianpetzer 所说，在 Rails 4.2 / ActiveAdmin master 中，当前答案也会导致对象引用被写出。2016 年的正确答案应该类似于这个答案：

form :html => { :multipart => true } do |f|
    f.inputs do
        #...
        f.input :image, required: false, hint: image_tag(object.image.url(:medium)).html_safe
        #...
    end
end