[RUBY] Legen Sie das Profilbild eines Benutzers mit CarrierWave fest

Verfahren

  1. Fügen Sie Gemfile hinzu
gem 'carrierwave'
$ bundle install
  1. Uploader generieren

uploaders / image_uploader.rb wird generiert.

$ rails g uploader image
  1. Modell bearbeiten

Stellen Sie die Verwendung des Uploaders in user.rb ein.

models/user.rb


class User < ApplicationRecord
  mount_uploader :image, ImageUploader
end
  1. Ansicht bearbeiten

new.html


<%= form_with(model: user, local: true) do |form| %>
  <%= form.text_field :name %>
  <%= form.email_field :email %>
  <%= form.password_field :password %>
  <%= form.file_field :image %>
  #Informationen zur Bilddatei_Fügen wir den folgenden Satz hinzu, um ihn vorübergehend im Cache zu speichern!
  <%= form.hidden_field :image_cache %>
  <%= form.submit %>
<% end %>

index.html


//Das Bild kann mit der folgenden Beschreibung angezeigt werden//
<%= image_tag @user.image.url %>

//Bei bedingter Verzweigung mit if-Anweisung//
<% if @user.image? %>
  <%= image_tag @user.image.url %>
<% else %>
  #Wenn Sie standardmäßig anzeigen möchten
  <%= image_tag "/assets/default.jpg " %>
<% end %>
  1. Minimagische Einführung

gem 'mini_magick'
$ bundle install
  1. Bearbeiten Sie die Datei image_uploader.rb

image_uploader.rb


class AvaterUploader < CarrierWave::Uploader::Base

  include CarrierWave::MiniMagick 
  #Bildgröße anpassen
  process resize_to_fit: [100, 100]
end 

das ist alles

Recommended Posts

Legen Sie das Profilbild eines Benutzers mit CarrierWave fest
So legen Sie ein Profil mit annotationsbasierter Konfiguration im Spring-Framework fest und verwenden es
Ein Memorandum zur Verwendung von Eclipse
Stellen Sie die Zeit von LocalDateTime auf eine bestimmte Zeit ein
So implementieren Sie ein kreisförmiges Profilbild mit CarrierWave und R Magick in Rails
So verwenden Sie ein Array für den TreeMap-Schlüssel
Berücksichtigung des in SpringToolSuite (STS) verwendeten Eigenschaftseditors
[Android / Java] Richten Sie eine Schaltfläche ein, um zu Fragment zurückzukehren
Ich möchte ein kleines Symbol in Rails verwenden
[Rails 6] So legen Sie ein Hintergrundbild in Rails [CSS] fest
Hinweise zur Überprüfung bei der Verwendung von Lombok