[RUBY] [Mehrere Fotos registrieren] Registrieren Sie mehrere Schienenbilder gleichzeitig. Primitive Power-Technik

【Tor】

Registrieren Sie beim Speichern von Daten mehrere Bilder gleichzeitig

【verdienen】

■ Verbessertes Verständnis von Assoziationen ■ Verbesserung der Anwendungsfunktionen ■ Verbesserung von UX

【Entwicklungsumgebung】

■ Mac OS catalina ■ Ruby on Rails (5.2.4.2) ■ Virtual Box:6.1 ■ Vagrant: 2.2.7

【Implementierung】

Anwendungserstellung

`mac.terminal`


$ rails new photo

Einstellungen erneut auffüllen

`app.gemfile`


gem "refile", require: "refile/rails", github: 'manfe/refile'
gem "refile-mini_magick"

`mac.terminal`


$ bundle install

Modellieren

Assoziationsbuch: Bild = 1: Viele

`mac.terminal`


$ rails g scaffold Book name:string text:text
$ rails g model Image image_id:string book:references
$ rails db:migtrate

Modell bearbeiten

Die Beschreibung des übergeordneten Buchmodells ist speziell

`models/book.rb`


has_many :images, dependent: :destroy
accepts_attachment_for :images, attachment: :image, append: :true

`models/image.rb`


attachment :image
belongs_to book

Controller-Postskriptum

Fügen Sie ** "images_iamges: []" zum Parameter hinzu, damit Informationen an die Datenbank gesendet werden **
Obwohl die Beschreibung speziell ist, ** mehrere Bilder = mehrere Informationen **, übergeben Sie sie als Array.

`controllers/books_controller.rb`


def book_params
      params.require(:book).permit(:name, :text, images_images: [])
end

Postscript anzeigen

** "multiple: true, direct: true, presigned: true" ** ist erforderlich
Fügen Sie so viele Codes hinzu, wie Sie speichern möchten. .. .. .. Primitive

`views/books/_form.html.erb`


<div class="field">
    <%= form.label :photo %>
    <%= form.attachment_field :photos_images, multiple: true, direct: true, presigned: true %>
 </div>

Da es mehrere ** Informationen ** gibt, werden diese in einem Array angezeigt.

`views/books/show.html.erb`


<div>
  <% @book.images.each do |image| %>
    <%= attachment_image_tag image, :image ,:fill, 200, 200 %>
  <% end %>
</div>

* Hinzufügen, wenn ein Refile-Schlüssel angefordert wird

`config/application.rb`


Refile.secret_key = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'

Wenn Sie Korrekturen haben Bitte weisen Sie darauf hin.

[Ich möchte es zusammen lesen]

■ Bezüglich der Refile-Einstellung https://qiita.com/salvage0707/items/2614c97a1f256027ef71

■ In Bezug auf Datentypreferenzen https://qiita.com/ryouzi/items/2682e7e8a86fd2b1ae47

■ Ändern Sie die Schaltfläche zum Senden von Bildern https://qiita.com/tanaka-yu3/items/f4a0df867ca9f2476314

■ Über das Formular https://qiita.com/tanaka-yu3/items/50f54f5d4f4b8dfe19f3