Question

我发现很难理解为什么回形针没有调整我的图像大小。我已经按照文档进行了操作，并通过在其中放置Paperclip.options[:command_path] = "/usr/local/bin/"来配置开发和生产文件。

我在帖子模型中仔细检查了我的语法，对我来说似乎很好。我在索引视图中渲染了image_tag，我的图片正在显示，但尺寸不同。我的目的是让回形针重新调整每个上传的图像，这样我就可以用漂亮的图片向大家展示。

这是我的模特：

class Post < ApplicationRecord
  validates :image, presence: true
  has_attached_file :image, styles: { :medium => "640x" }
  validates_attachment_content_type :image, :content_type => /\Aimage\/.*\Z/
end

我的观点：

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
  <div class="container-fluid">
    <div class="row">
       <% @post.each do |post| %>
      <div class="col-sm-12 col-md-6 col-lg-3">
        <div class="panel panel-info">
        <%= post.caption %>
        </div>
       <a href="#" class="thumbnail">
        <%= image_tag post.image.url(:medium), class: "img-responsive"%>
       </a>
      </div>
        <% end %>
  </div>

  </div>
  </body>
</html>

如果我信任你，我会根据要求提供其他文件。

Answer 1

我不太确定你的其他文件是什么样的，但我现在正在项目中使用Paperclip，这就是我在我的项目索引页面中所拥有的。

<div class="card border-white" style="width: 15rem;">
<%= image_tag item.image.url, size: "250" %>

可能需要设置大小而不是

class: img-responsive

另外，我的Item poro看起来像这样

class Item < ApplicationRecord

has_attached_file :image,
:default_url => '/images/missing.jpg', styles: {thumb: "68x68#", 
medium: "300x300#"},
:path => ":rails_root/public/images/:id/:style/:filename",
:url => "/images/:id/:style/:filename"
validates_attachment_content_type :image, content_type: ['image/jpeg', 
'image/jpg', 'image/gif', 'image/png']

Paperclip没有使用引导程序调整图像大小

1 个答案: