图像侧面显示

Question

我正在使用CarrierWave上传图片。图片上传很好。但任何垂直图像（仅垂直图像）都会侧向显示。我该如何解决这个问题？

    <div class="row">
        <div class="profile_picture">
            <%= image_tag @user.attachment.url %>
        </div>
    </div>

图片标记变为：

<img src="/uploads/user/attachment/23/CIMG6610.JPG" alt="Cimg6610">

CSS：

.profile_picture {
    max-width: 100%;
    img {
        max-width: 100%;
    }
}

如果我直接在浏览器“localhost：3000 / uploads / user / attachment / 23 / CIMG6610.JPG”中查看上传，它会正确显示

Answer 1

这似乎是上传的问题。将此添加到我的上传器修复了该问题。

  process :auto_orient

  def auto_orient
    manipulate! do |img|
      img = img.auto_orient
    end
  end

谢谢@JohnDevelops