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

4bbkushb  于 2023-05-22  发布在  Ruby
关注(0)|答案(4)|浏览(111)

我开始使用formstatic,但我需要制作一个带有图像预览的文件字段。我的意思是,当我编辑一个对象时,我希望看到已经链接的图像。
我该怎么做?

mwkjh3gx

mwkjh3gx1#

答案是使用hint属性:

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

再见

ogsagwnx

ogsagwnx2#

使用paperclip和formtastic
Formtasitc的github page提到它支持回形针:
:file -文件字段。文件附件属性匹配的默认值:回形针或attachment_fu。
以下是一些有用的屏幕视频,可以帮助您继续:
Paperclip
Cropping images

编辑:

要在ActiveAdmin中的网格列中显示图像,您需要创建一个自定义列(这是未经测试的,可能有缺陷,我从documentation推断):

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

bjp0bcyl3#

两个宝石和一个插件可以帮助您的情况:
确保您查看:
宝石:

回形针https://github.com/thoughtbot/paperclip
RailsCast on PaperCliphttp://railscasts.com/episodes/134-paperclip
载波https://github.com/carrierwaveuploader/carrierwave
载波上的RailsCasthttp://railscasts.com/episodes/253-carrierwave-file-uploads
Jquery文件上传https://github.com/blueimp/jQuery-File-Upload
Jquery文件上传RailsCasthttp://railscasts.com/episodes/381-jquery-file-upload(需要一个RailsCast的专业帐户)

ni65a41a

ni65a41a4#

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

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

相关问题