繁体   English   中英

一键上传多个图像

[英]carrierwave multiple image upload with one button

我的问题从这里开始。 我正在使用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我该怎么办?

仔细研究之后,您会在这里遇到多个问题,首先是:

<%= 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

希望能有所帮助。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM