Rails 4 - Carrierwave - 文件上传

Question

我正在尝试在 Rails 4.

中制作一个应用程序

我使用 Carrierwave 上传文件。

我有两个模型，用户和个人资料。

他们每个人都有：

profile.rb

mount_uploader :hero, HeroUploader

user.rb

  mount_uploader :avatar, AvatarUploader

然后我有上传者：

英雄：

class HeroUploader < CarrierWave::Uploader::Base

  # Include RMagick or MiniMagick support:
  # include CarrierWave::RMagick
  include CarrierWave::MiniMagick

  # Choose what kind of storage to use for this uploader:
  storage :file
  # storage :fog

  # Override the directory where uploaded files will be stored.
  # This is a sensible default for uploaders that are meant to be mounted:
  def store_dir
    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
  end

  # Provide a default URL as a default if there hasn't been a file uploaded:
  # def default_url
  #   # For Rails 3.1+ asset pipeline compatibility:
  #   # ActionController::Base.helpers.asset_path("fallback/" + [version_name, "default.png"].compact.join('_'))
  #
  #   "/images/fallback/" + [version_name, "default.png"].compact.join('_')
  # end

  # Process files as they are uploaded:
  process :resize_to_fit => [950, 245]
  # process :scale => [200, 300]
  #
  # def scale(width, height)
  #   # do something
  # end

  # Create different versions of your uploaded files:
  version :wide do
    process :resize_to_fill => [951,245]
  end

  # Add a white list of extensions which are allowed to be uploaded.
  # For images you might use something like this:
  def extension_white_list
    %w(jpg jpeg gif png)
  end

  # Override the filename of the uploaded files:
  # Avoid using model.id or version_name here, see uploader/store.rb for details.
  # def filename
  #   "something.jpg" if original_filename
  # end

end

头像：

class AvatarUploader < CarrierWave::Uploader::Base

  # Include RMagick or MiniMagick support:
  # include CarrierWave::RMagick
  include CarrierWave::MiniMagick

  # Choose what kind of storage to use for this uploader:
  storage :file
  # storage :fog

  # Override the directory where uploaded files will be stored.
  # This is a sensible default for uploaders that are meant to be mounted:
  def store_dir
    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
  end

  def cache_dir
    "#{Rails.root}/tmp/uploads"
  end

  # Provide a default URL as a default if there hasn't been a file uploaded:
  # def default_url
  #   # For Rails 3.1+ asset pipeline compatibility:
  #   # ActionController::Base.helpers.asset_path("fallback/" + [version_name, "default.png"].compact.join('_'))
  #
  #   "/images/fallback/" + [version_name, "default.png"].compact.join('_')
  # end

  # Process files as they are uploaded:
  # process :scale => [200, 300]
  #
  # def scale(width, height)
  #   # do something
  # end

  # Create different versions of your uploaded files:
  # version :thumb do
  #   process :resize_to_fit => [50, 50]
  # end

  process :resize_to_fit => [800, 800]
  # Create different versions of your uploaded files:
  version :thumb do
    process :resize_to_fill => [200,200]
  end

  version :profile do
    process :resize_to_fill => [345,245]
  end

  version :wide do
    process :resize_to_fill => [951,245]
  end

  version :small do
    process :resize_to_fill => [35,35]
  end


  # Add a white list of extensions which are allowed to be uploaded.
  # For images you might use something like this:
  def extension_white_list
     %w(jpg jpeg gif png)
  end

  # Override the filename of the uploaded files:
  # Avoid using model.id or version_name here, see uploader/store.rb for details.
  # def filename
  #   "something.jpg" if original_filename
  # end

end

我仍处于开发模式（所以不确定这是否有影响）。

在我的个人资料表格中，我有：

<%= simple_form_for(@profile) do |f| %>
            <%= f.error_notification %>

              <div class="form-inputs">

          <div class="intpol2">
            About you
          </div>

          <div class="row">
            <div class="col-md-4">
              <%= f.input :title,  autofocus: true %>
            </div>

            <div class="col-md-8">
              <%= f.input :occupation, :label => "Your occupation or job title" %>
            </div>

          </div>

          <div class="row">
            <div class="col-md-6">
               <%= render 'users/profileimgform', f: f %>   
            </div>

            <div class="col-md-6">
             <%= f.input :hero, as: :file, :label => "Add a background image to your profile page" %>
            </div>

          </div>

我的个人资料头像图像的用户部分形式有：

<%= simple_fields_for :user do |f| %>
  <%= f.error_notification %>

              <div class="form-inputs">


              <%= f.input :avatar, as: :file, :label => "Add a profile image (head shot)" %>

              </div>


        <% end %>

当我保存所有这些并尝试使用表单上传图片时，我得到了两个不同的结果。

对于用户头像，我在展示页面没有任何显示。当我检查元素时，显示了一个空的 div 容器。

但是，对于个人资料英雄图片，显示页面显示损坏的 link 图片，当我检查元素时，我得到：

Failed to load resource: the server responded with a status of 404 (Not Found)

是否还有其他步骤可以完成这项工作？

我的配置文件控制器具有强大的参数，其中包括这两个属性：

def profile_params
      params[:profile].permit(:user_id, :title, :hero, :overview, :research_interest, :occupation, :external_profile, 
        :working_languages, :tag_list,
          user_attributes: [:avatar]
          )
    end

根据下面 Alexei 的建议，我将个人资料表格的开头行更改为：

<%= simple_form_for @profile, html: { multipart: true }  do |f| %>

当我保存并重试时，我得到了与之前完全相同的错误。

在我的个人资料显示页面中，我有：

<%= image_tag '@profile.user.avatar.url.profile' if @profile.user.avatar? %>

            <%= image_tag '@profile.hero.url.wide' if @profile.hero? %> %>

这些图片标签在同一个展示页面中。 avatar属性在userstable（profile属于user），hero属性在profiletable。错误的区别在于包含头像的 div 标签在代码检查器中显示为空白。包含主图的 div 标签显示为损坏的 link 并在代码检查器中显示 404 错误。

在我的文章显示页面中我遇到了同样的问题，但它没有渲染图像，而是显示了图像文件的类型名称。

Answer 1

您的多部分代码完全有效，只需删除 image_tag:

中的引号

<%= image_tag @profile.user.avatar.profile.url if @profile.user.avatar? %>

<%= image_tag @profile.hero.wide.url if @profile.hero? %>

Rails 4 - Carrierwave - 文件上传

Rails 4 - Carrierwave -file uploads

ruby-on-rails

carrierwave