{"id":27073,"date":"2017-08-24T09:45:58","date_gmt":"2017-08-24T09:45:58","guid":{"rendered":"https:\/\/dev.railscarma.com\/carrierwave-gem-file-uploads-rails\/"},"modified":"2021-06-05T07:52:04","modified_gmt":"2021-06-05T07:52:04","slug":"carrierwave-gem-datei-ladt-schienen-hoch","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/de\/blog\/fachartikel\/carrierwave-gem-datei-ladt-schienen-hoch\/","title":{"rendered":"Carrierwave Gem f\u00fcr Datei-Uploads in Rails"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tWenn wir eine Webanwendung erstellen, ist eine der Funktionen, die wir uns auf jeden Fall w\u00fcnschen w\u00fcrden, die Funktion zum Hochladen von Bildern. Tats\u00e4chlich ist das Hochladen von Bildern eine wichtige Funktion, die aus modernen Anwendungen nicht mehr wegzudenken ist. Und nicht nur das, es ist umso wichtiger, wenn man bedenkt, dass das Hochladen von Bildern auch eine Rolle bei der Suchmaschinenoptimierung spielt. CarrierWave gem kann in unsere Rails-Anwendungen integriert werden und bietet eine einfache und \u00e4u\u00dferst flexible M\u00f6glichkeit, Dateien hochzuladen.\n

Einrichtung der Rails-Anwendung:<\/h3>\nUm dies in unserer Rails-Anwendung einzurichten, m\u00fcssen wir nach dem Erstellen eines neuen Projekts zwei Gems zur Gem-Datei hinzuf\u00fcgen. Das erste ist CarrierWave selbst und das zweite ist das Bootstrap-Sass-Juwel (optional).\n
gem 'carrierwave', '~> 0.9'<\/code><\/pre>\n
gem 'bootstrap-sass', '~> 2.3.2'<\/code><\/pre>\n
Installation:<\/h3>\nWir f\u00fchren die Bundle-Installation aus und erstellen dann unsere Modelle und Controller f\u00fcr unsere Anwendung. Bundle-Installation\n
Schienen G-Modell Modellname Feld:Datentyp =>Anhang:Zeichenfolge<\/code><\/pre>\n
rake db:migrieren<\/code><\/pre>\nRails G Controller Controllername Aktion => Index Neu Erstellen Zerst\u00f6ren Jetzt m\u00fcssen wir einen Uploader erstellen. Die Uploader teilen Carrierwave mit, wie mit der Datei umgegangen werden soll, nachdem sie hochgeladen wurde => Rails G Uploader-Anhang Es wird ein Ordner mit dem Namen \u201eUploaders\u201c im App-Ordner mit der Datei \u201eattachment_uploader.rb\u201c erstellt.\n
So spielt man damit:<\/h3>\napp\/uploaders\/attachment_uploader.rb<\/b>\n
class Attachment Uploader < CarrierWave::Uploader::Base storage :file def store_dir "uploads\/#{model.class.to_s.underscore}\/#{montiert_as}\/#{model.id}" Ende Ende<\/code><\/pre>\nF\u00fcgen Sie nun in unserem Lebenslauf-Controller etwas Code f\u00fcr die Formularverarbeitung hinzu:\n
class ResumesController < ApplicationController def index @resumes = Resume.all end def new @resume = Resume.new end def create @resume = Resume.new(resume_params) if @resume.save weitergeleitet_zu resumes_path, Hinweis: \u201eDer Lebenslauf #{@resume .name} wurde hochgeladen.\u201c else render \u201enew\u201c end end def destroy @resume = Resume.find(params[:id]) @resume.destroy restart_to resumes_path, Hinweis: \u201eDer Lebenslauf #{@resume.name} wurde gel\u00f6scht.\u201c end private def resume_params params.require(:resume).permit(:name, :attachment) end end<\/code><\/pre>\nJetzt m\u00fcssen wir unsere Ansichtsdateien einrichten:\n
F\u00fcr new.html.erb<\/h5>\n
<\/code><\/pre>\n
<%= form_for @resume, html: { multipart: true } do |f| %> <%= f.label :name %> <%= f.text_field :name %> <%= f.label :attachment %> <%= f.file_field :attachment %> <%= f.submit \u201eSpeichern \u201c, Klasse: \u201ebtn btn-primary\u201c %> <% end %><\/div>\n
<\/code><\/pre>\n \n
<\/code><\/pre>\n
F\u00fcr index.html.erb<\/h5>\n
<\/code><\/pre>\n<% @resumes.each macht |resume| %> <% Ende %>\n\n\n\n\n\n
Name<\/th>\nDownload-Link<\/th>\n<\/th>\n<\/tr>\n<\/thead>\n
<%= Lebenslauf.Name %><\/td>\n<%= link_to \u201eLebenslauf herunterladen\u201c, resume.attachment_url %><\/td>\n<%= button_to \u201eL\u00f6schen\u201c, Lebenslauf, Methode: :delete, Klasse: \u201e\u201c, best\u00e4tigen: \u201eSind Sie sicher, dass Sie #{Lebenslauf.Name} l\u00f6schen m\u00f6chten?\u201c %><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
<\/code><\/pre>\n \n
<\/code><\/pre>\n
app\/uploaders\/attachment_uploader.rb<\/h5>\n
class AttachmentUploader < CarrierWave::Uploader::Base storage :file def store_dir "uploads\/#{model.class.to_s.underscore}\/#{montiert_as}\/#{model.id}" end def extension_white_list %w(pdf doc htm html docx) Ende Ende<\/code><\/pre>\n
Verweise:<\/h4>\nGithub: https:\/\/github.com\/carrierwaveuploader\/carrierwave<\/a>\nRubyGems: https:\/\/rubygems.org\/gems\/carrierwave\/versions\/0.11.2<\/a>\nRailcasts: http:\/\/railscasts.com\/episodes\/253-carrierwave-file-uploads<\/a>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Abonnieren Sie die neuesten Updates<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\t\t\t\t\t