【问题标题】:how to add a sample image in rails如何在rails中添加示例图像
【发布时间】:2015-12-31 05:53:26
【问题描述】:

我有一个简单的 Rails 网站,人们可以在其中发布带有图片的货物,为此我使用 paperclip gem 但我的问题是,如果用户在不上传图片的情况下添加了货物,它会被发布但没有图片但是什么我想要的是添加一个示例图像,这样如果有人添加了没有图像的货件,就会自动生成一个示例图像

我的代码:

<div class="container-fluid">
<div id="post_show">
  <h1>
    <strong><font style="text-transform: capitalize;"><%= @shipment.name %></strong></font>
  </h1>
  <p></p>
  <p class="username">
    Added by
    <strong><font style="text-transform: capitalize;"><%= @shipment.user.full_name %></strong></font>
    about
    <%= time_ago_in_words(@shipment.created_at) %>
  </p>
  <div class="clearfix">
    <div class="post_image_description">
      <%= image_tag @shipment.image.url(:medium) %>
      <div class="description">
        <%= simple_format(@shipment.description) %>
      </div>
    </div>

form.html.erb

<div class="form-row">
  <div class="field">
    <%= f.label :image, label: "Add An Image Of The Shipment" %><br>
    <%= f.file_field :image %>
  </div>
</div>

  <div class="actions">
    <%= f.submit %>
  </div>
<% end %>
</div>

【问题讨论】:

    标签: ruby-on-rails ruby image paperclip


    【解决方案1】:

    查看此https://github.com/thoughtbot/paperclip#user-content-models

    如果没有上传图片,可以选择default_url作为默认图片/images/:style/missing.png,您也可以在此处指定自己的特定图片路径以显示为默认图片。

    这是取自回形针文档(Rails 4)的示例:

    class User < ActiveRecord::Base
      has_attached_file :avatar, styles: { medium: "300x300>", thumb: "100x100>" }, default_url: "/images/:style/missing.png"
      validates_attachment_content_type :avatar, content_type: /\Aimage\/.*\Z/
    end
    

    您可以显示如下条件:

    <%= image_tag @shipment.image.url.present? ? @shipment.image.url(:medium) : "your_default_image.png" %>
    

    【讨论】:

      【解决方案2】:

      您可以使用选项default_url 指定回形针中缺少的图像路径

      型号:

      has_attached_file :image, :default_url => "/images/normal/missing.png"
      

      【讨论】:

      • 你把默认图片放到公用文件夹images/normal文件夹了吗?
      【解决方案3】:

      使用 default_url 所以它总是有一个图像。这是回形针的一个选项

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2017-11-12
        • 1970-01-01
        • 2015-01-11
        • 1970-01-01
        相关资源
        最近更新 更多