如何使用carrierwave上傳多個文件並創建多個記錄

Question

我正在嘗試修改我的圖像上傳程序，以便同時上傳多個圖像。 目前我可以上傳多張圖片，但它只創建了一個記錄。 如何實現一次提交創建多條記錄？

我不想通過關聯，而是能夠直接上傳多個圖像。

我目前有一個模型：

class Diapo < ApplicationRecord
  belongs_to :album
  mount_uploaders :file_name, DiapoUploader
end

我的控制器：

class Admin::DiaposController < ApplicationController

  def new
    @diapo = Diapo.new
    @page_title = 'Create new Diapo'
  end

  def create
    @diapo = Diapo.new(diapo_params)
    if @diapo.save
      flash[:notice] = 'Diapo #{@diapo.file_name} was successfully created.
      redirect_to action: :index
    else
      @page_title = 'Create new Diapo'
      render action: :new
    end
  end

.
.
.

  private

  def diapo_params
    params.require(:diapo).permit({file_name: []}, :title, :alt, :author, :copyright, :album_id)
  end
end

以我的形式：

<%= f.file_field :file_name, multiple: true, class: 'form-field' %>

目前我收到一個帖子

Started POST "/admin/diapos" for ::1 at 2019-12-18 10:45:19 +0100
Processing by Admin::DiaposController#create as HTML
  Parameters: {"authenticity_token"=>"something==", "diapo"=>{"file_name"=>[#<ActionDispatch::Http::UploadedFile:0x00007f9062b51a40 @tempfile=#<Tempfile:/var/folders/yg/pfjwzpkx5wq9d27svk760h0h0000gn/T/RackMultipart20191218-2329-7kffxo.jpg>, @original_filename="1.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"diapo[file_name][]\"; filename=\"1.jpg\"\r\nContent-Type: image/jpeg\r\n">, #<ActionDispatch::Http::UploadedFile:0x00007f9062b519f0 @tempfile=#<Tempfile:/var/folders/yg/pfjwzpkx5wq9d27svk760h0h0000gn/T/RackMultipart20191218-2329-o5qzhe.jpg>, @original_filename="2.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"diapo[file_name][]\"; filename=\"2.jpg\"\r\nContent-Type: image/jpeg\r\n">], "alt"=>"Test", "author_ids"=>"", "album_id"=>"124", "copyright"=>"Test"}, "commit"=>"Save"}
  Admin Load (0.4ms)  SELECT 'admins'.* FROM 'admins' WHERE 'admins'.'id' = 1 ORDER BY 'admins'.'id' ASC LIMIT 1
Unpermitted parameter: :author_ids
(0.2ms)  BEGIN
  ↳ app/controllers/admin/diapos_controller.rb:14:in `create'
  Album Load (0.3ms)  SELECT `albums`.* FROM `albums` WHERE `albums`.`id` = 124 LIMIT 1
  ↳ app/controllers/admin/diapos_controller.rb:14:in `create'
  Diapo Create (0.2ms)  INSERT INTO `diapos` (`file_name`, `alt`, `copyright`, `album_id`, `created_at`, `updated_at`) VALUES ('[\"1.jpg\", \"2.jpg\"]', 'Test', 'Test', 124, '2019-12-18 09:45:34.406410', '2019-12-18 09:45:34.406410')
  ↳ app/controllers/admin/diapos_controller.rb:14:in `create'
   (6.5ms)  COMMIT
  ↳ app/controllers/admin/diapos_controller.rb:14:in `create'
Redirected to http://localhost:3000/admin/diapos
Completed 302 Found in 15350ms (ActiveRecord: 7.5ms | Allocations: 75512)

並創建了 1 條記錄，其在文件名字段中包含文件名數組。

我懷疑我可以在控制器中還是通過 javascript 來完成？ 我該怎么做？

先感謝您！

Answer 1

您必須使用has_many關系來實現您的要求。 要保存多個記錄，您可能具有如下所示的父子關系。

例如：- Post 是一個父表，並將其圖像保存為 post_attachments，即子表

class Post < ActiveRecord::Base
 has_many :post_attachments
 accepts_nested_attributes_for :post_attachments
end

class PostAttachment < ActiveRecord::Base
   mount_uploader :avatar, AvatarUploader
   belongs_to :post
end

這是您如何實現為父記錄保存多個文件

有關更多詳細信息，請參閱這篇文章，它可能對您有所幫助。

https://kolosek.com/carrierwave-upload-multiple-images/