{"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-file-uploads-rails","status":"publish","type":"post","link":"https:\/\/www.railscarma.com\/fr\/blog\/articles-techniques\/carrierwave-gem-file-uploads-rails\/","title":{"rendered":"Gem Carrierwave pour les t\u00e9l\u00e9chargements de fichiers dans 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\tSi nous construisons une application web, l'une des fonctionnalit\u00e9s que nous voulons absolument est le t\u00e9l\u00e9chargement d'images. En effet, le t\u00e9l\u00e9chargement d'images est une fonctionnalit\u00e9 importante dont les applications modernes ne peuvent tout simplement pas se passer. Et ce n'est pas tout, c'est encore plus important si l'on consid\u00e8re que le t\u00e9l\u00e9chargement d'images joue \u00e9galement un r\u00f4le dans l'optimisation des moteurs de recherche.\n\nCarrierWave gem peut \u00eatre int\u00e9gr\u00e9 \u00e0 nos applications Rails et fournit un moyen simple et extr\u00eamement flexible de t\u00e9l\u00e9charger des fichiers.\n

Configuration de l'application Rails :<\/h3>\nPour mettre cela en place dans notre application Rails, apr\u00e8s avoir cr\u00e9\u00e9 un nouveau projet, nous devons ajouter 2 gemmes dans le fichier gem. La premi\u00e8re est CarrierWave lui-m\u00eame, et la seconde est la gem bootstrap-sass (optionnelle).\n
gem 'carrierwave', '~> 0.9'<\/code><\/pre>\n
gem 'bootstrap-sass', '~> 2.3.2'<\/code><\/pre>\n
Installation:<\/h3>\nNous lan\u00e7ons bundle install et cr\u00e9ons ensuite nos mod\u00e8les et contr\u00f4leurs pour notre application.\nbundle install\n
rails g model Modelname field:datatype =>attachment:string<\/code><\/pre>\n
rake db: migrer<\/code><\/pre>\nrails g controller controllername action => index new create destroy\nMaintenant, nous devons cr\u00e9er un uploader. Les uploaders indiquent \u00e0 carrierwave comment g\u00e9rer le fichier une fois qu'il est t\u00e9l\u00e9charg\u00e9\n=> rails g uploader attachment\nCela va cr\u00e9er un dossier nomm\u00e9 uploaders dans le dossier de l'application avec un fichier attachment_uploader.rb.\n
Comment jouer avec :<\/h3>\napp\/uploaders\/attachment_uploader.rb<\/b>\n
classe Attachment Uploader < CarrierWave::Uploader::Base\n   stockage :fichier\n   def store_dir\n     "uploads\/#{model.class.to_s.underscore}\/#{mounted_as}\/#{model.id}"\n   end\n end<\/code><\/pre>\nMaintenant, dans notre contr\u00f4leur de CV, ajoutez du code pour g\u00e9rer le traitement du formulaire :\n
classe ResumesController < ApplicationController\n  def index\n    @resumes = Resume.all\n  end\n\n  def new\n    @resume = Resume.new\n  end\n\n  def create\n    @resume = Resume.new(resume_params)\n\n    if @resume.save\n      redirect_to resumes_path, notice : "Le CV #{@resume.name} a \u00e9t\u00e9 t\u00e9l\u00e9charg\u00e9".\n    else\n      rendez "nouveau"\n    end\n  fin\n\n  def destroy\n    @resume = Resume.find(params[:id])\n    @resume.destroy\n    redirect_to resumes_path, notice :  "Le CV #{@resume.name} a \u00e9t\u00e9 supprim\u00e9".\n  end\n\nprivate\n  def resume_params\n    params.require(:resume).permit(:name, :attachment)\n  end\nend<\/code><\/pre>\nNous devons maintenant configurer nos fichiers de vue :\n
Pour new.html.erb<\/h5>\n
<\/code><\/pre>\n
<\/div>\n
<\/code><\/pre>\n \n
<\/code><\/pre>\n
Pour index.html.erb<\/h5>\n
<\/code><\/pre>\n\n\n\n\n\n\n
Nom<\/th>\nLien de t\u00e9l\u00e9chargement<\/th>\n<\/th>\n<\/tr>\n<\/thead>\n
<%= resume.name %><\/td>\n<%= link_to “Download Resume”, resume.attachment_url %><\/td>\n<%= button_to “Delete”, resume, method: :delete, class: “”, confirm: “Are you sure that you want to delete #{resume.name}?” %><\/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\n  stockage :fichier\n\n  def store_dir\n    "uploads\/#{model.class.to_s.underscore}\/#{mounted_as}\/#{model.id}"\n  end\n\n  def extension_white_list\n    %w(pdf doc htm html docx)\n  end\nfin<\/code><\/pre>\n
Les r\u00e9f\u00e9rences:<\/h4>\nGitHub\u00a0: https:\/\/github.com\/carrierwaveuploader\/carrierwave<\/a>\nRubyGemmes\u00a0: https:\/\/rubygems.org\/gems\/carrierwave\/versions\/0.11.2<\/a>\nDiffusions sur rail\u00a0: 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
Abonnez-vous pour les derni\u00e8res mises \u00e0 jour<\/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