代码之家  ›  专栏  ›  技术社区  ›  Changnam Hong

carrierwave一键多图像上传

  •  0
  • Changnam Hong  · 技术社区  · 9 年前

    我的问题始于 here . 我使用的是Sqlite3,我的模型关系如下所示。

    class ImagePost < ActiveRecord::Base
        has_many :attachments
    end
    

    我的附件

    class Attachment < ActiveRecord::Base
        belongs_to :image_post
        mount_uploader :img, S3uploaderUploader
    end
    

    问题是我想让我的用户用一个按钮上传他们的图片。现在,我做到了

    <%= form_tag img_upload_create_path, method: "POST", html: { multipart: true } do %>
            <%= hidden_field_tag("image_post_id", @image_post.id ) %>
            <%= hidden_field_tag("user_id", current_user.id ) %>
    
            <%= file_field_tag 'user_pic', multiple: true, accept: 'image/png,image/gif,image/jpeg' %>
    
            <%= submit_tag "image-upload", :class => "btn btn-primary btn-lg" %>
          <% end %>
    

    我的image_upload控制器,

    class ImgUploadController < ApplicationController
      def create
        @user_img = Attachment.create(
            hasuk_house_id: params[:image_post_id],
            user_id: current_user.id,
            img: params[:user_pic]
            )
      end
    end
    

    但当我提交文件时, @user_img.img = nil 我该怎么办?

    1 回复  |  直到 7 年前
        1
  •  1
  •   Amr Noman    9 年前

    仔细观察后,您会发现这里有多个问题,首先:

    <%= form_tag img_upload_create_path, method: "POST", html: { multipart: true }
    

    应该是:

    <%= form_tag(img_upload_create_path, { multipart: true, method: "POST"})
    

    ( form_tag 参数的结构与 form_for )

    然后您需要指示rails将文件放入 params 作为数组,您可以通过使用表单元素的名称约定来实现这一点。因此,代替:

     <%= file_field_tag 'user_pic', multiple: true, accept: 'image/png,image/gif,image/jpeg' %>
    

    您需要:

    <%= file_field_tag 'user_pic[]', multiple: true, accept: 'image/png,image/gif,image/jpeg' %>
    

    最后,在您的控制器中,您可以将文件放入 params[:user_pic] 这是一个数组,因此您必须循环遍历它并为每个数组创建附件:

    params[:user_pic].each do |pic|
      Attachment.create(
            hasuk_house_id: params[:image_post_id],
            user_id: current_user.id,
            img: pic
      )
    end
    

    希望有帮助。