{"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\/es\/blog\/articulos-tecnicos\/carrierwave-gem-file-uploads-rails\/","title":{"rendered":"Carrierwave Gem for file 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\tIf we are building a web application, one of the features we would definitely want is the image uploading feature. In fact, image uploading is one important feature that the modern-day applications can simply not be imagined without. And not just that, it is even more important considering the fact that images uploading also plays a role in search engine optimization.\n\nCarrierWave gem can be integrated with our Rails applications and it provides a simple and extremely flexible way to upload files.\n

Rails Application Setup:<\/h3>\nTo set this up in our Rails Application, after creating a new project, we need to add 2 gems in the gem file. The first is CarrierWave itself, and the second is the bootstrap-sass gem(optional).\n
gem 'carrierwave', '~> 0.9'<\/code><\/pre>\n
gem 'bootstrap-sass', '~> 2.3.2'<\/code><\/pre>\n
Instalaci\u00f3n:<\/h3>\nWe run bundle install and then create our models and controllers for our application.\nbundle install\n
rails g model Modelname field:datatype =>attachment:string<\/code><\/pre>\n
rastrillo db:migrar<\/code><\/pre>\nrails g controller controllername action => index new create destroy\nNow, we need to create an uploader. The uploaders tell carrierwave how to handle the file once it’s uploaded\n=> rails g uploader attachment\nIt will create a folder named uploaders in the app folder with a file attachment_uploader.rb.\n
How you play with it:<\/h3>\napp\/uploaders\/attachment_uploader.rb<\/b>\n
class  Attachment Uploader < CarrierWave::Uploader::Base\n   storage :file\n   def store_dir\n     \"uploads\/#{model.class.to_s.underscore}\/#{mounted_as}\/#{model.id}\"\n   end\n end<\/code><\/pre>\nNow in our resumes controller and add some code to handle form processing:\n
class 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: \"The resume #{@resume.name} has been uploaded.\"\n    else\n      render \"new\"\n    end\n  end\n\n  def destroy\n    @resume = Resume.find(params[:id])\n    @resume.destroy\n    redirect_to resumes_path, notice:  \"The resume #{@resume.name} has been deleted.\"\n  end\n\nprivate\n  def resume_params\n    params.require(:resume).permit(:name, :attachment)\n  end\nend<\/code><\/pre>\nNow we need to set up our view files:\n
For 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 “Save”, class: “btn btn-primary” %> <% end %><\/div>\n
<\/code><\/pre>\n \n
<\/code><\/pre>\n
For index.html.erb<\/h5>\n
<\/code><\/pre>\n<% @resumes.each do |resume| %>\n\n<% end %>\n\n\n\n\n\n
Nombre<\/th>\nDownload Link<\/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  storage :file\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\nend<\/code><\/pre>\n
Referencias:<\/h4>\nGithub: https:\/\/github.com\/carrierwaveuploader\/carrierwave<\/a>\nGemas de rub\u00ed: https:\/\/rubygems.org\/gems\/carrierwave\/versions\/0.11.2<\/a>\nRailscasts: 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
Suscr\u00edbete para recibir las \u00faltimas actualizaciones<\/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