【问题标题】:carrierwave multiple image upload with one button载波多张图片一键上传
【发布时间】:2016-04-01 02:58:12
【问题描述】:

我的问题从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我该怎么办?

【问题讨论】:

  • 你读过this
  • 是的,我做到了。但我也读过this。没有问题吗?
  • 没错,你将无法在 sqlite 中使用jsonarray 列类型。

标签: ruby-on-rails carrierwave image-uploading


【解决方案1】:

仔细查看后,您首先遇到了多个问题:

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

希望对您有所帮助。

【讨论】:

  • 是的!您的解决方案非常有效。我试图将我的img转为 json 并寻找解决方案。无论如何,您的解决方案非常好!谢谢。
  • 没问题,很高兴我能帮上忙。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-12-17
  • 2013-07-28
  • 1970-01-01
  • 2021-12-01
  • 2016-11-22
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多