Rails File Upload

We can upload a file in Rails through file uploading. We will learn how to upload a file in this tutorial.

Let us see an example of file uploading through Rails.

Example:

Step 1 Create a Rails application called upload.

Step 2 Change your directory to upload.

Step 3 Install the following gems.

Step 4 Go to the Gemfile in your directory and add the following gems.

Step 5 Run the following command.

Step 6 Create a model with two strings as name and attachment.

Step 7 Migrate your database.

Step 8 Generate the controller file in your application.

Step 9 In this step, we will create an uploader through carrierwave gem.

Step 10 Now open the app/models/resume.rb model file and write the following code.

 class Resume < ApplicationRecord  mount_uploader :attachment, AttachmentUploader # Tells rails to use this uploader for this model.     validates :name, presence: true # Make sure the owner’s name is present.  end 

Step 11 Go to config/routes.rb file and write the following code.

 resources :resumes, only: [:index, :new, :create, :destroy]     root “resumes#index” 

Step 12 Go to app/controllers/resumes_controller.rb file and write the following code.

 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           redirect_to resumes_path, notice: “Successfully uploaded.”        else           render “new”        end             end          def destroy        @resume = Resume.find(params[:id])        @resume.destroy        redirect_to resumes_path, notice:  “Successfully deleted.”     end          private        def resume_params        params.require(:resume).permit(:name, :attachment)     end       end 

Step 13 Add bootstrap in app/assets/stylesheets/resumes.scss file.

Step 14 Go to app/views/layouts/application.html.erb file and write the following code.

 <!DOCTYPE html>  <html>   <head>        <title>File Uploading</title>        <%= stylesheet_link_tag “application”, media: “all”, “data-turbolinks-track” => true %>        <%= javascript_include_tag “application”, “data-turbolinks-track” => true %>        <%= csrf_meta_tags %>     </head>          <body>        <div>           <%= yield %>        </div>     </body>  </html> 

Step 15 Go to app/views/documents/index.html.erb file.

 <div class=”container”>  <% if !flash[:notice].blank? %>     <div>        <%= flash[:notice] %>     </div>  <% end %>   <br>   <%= link_to “New Resume”, new_resume_path %>  <br>  <br>   <table border=”3″>     <thead>        <tr>           <th>Candidate Name</th>           <th>Download Link</th>           <th>Action</th>        </tr>     </thead>          <tbody>        <% @resumes.each do |resume| %>                      <tr>              <td><%= resume.name %></td>              <td><%= link_to “Download”, resume.attachment_url %></td>              <td><%= link_to “Delete”,  resume, method: :delete, confirm: “Are you sure you want to delete #{resume.name}?” %></td>           </tr>                   <% end %>     </tbody>       </table>  </div> 

Step 16 Go to app/views/documents/new.html.erb file.

 <div class=”container”>  <% if !@resume.errors.empty? %>     <div>                <ul>           <% @resume.errors.full_messages.each do |msg| %>              <li><%= msg %></li>           <% end %>  <div class=”container”>  <% if !@resume.errors.empty? %>     <div>                <ul>           <% @resume.errors.full_messages.each do |msg| %>              <li><%= msg %></li>           <% end %>      </ul>             </div>  <% end %>   <div>     <%= form_for @resume, html: { multipart: true } do |f| %>        <%= f.label :name %>        <%= f.text_field :name %>        <br><br>        <%= f.label :attachment %>        <%= f.file_field :attachment %>        <br>        <%= f.submit “Save” %>     <% end %>  </div>  </div> 

Step 17 Now start the server.

Step 18 Run this link on your browser http://localhost:3000/

The following page will appear in front of you.

Click on New Resume.

Click on Save button. Your document will be uploaded.

To download this document, click on Download link.

To delete this document, click on Delete link.

Download

Download this example

Next TopicRuby on Rails Layout

Ruby on Rails File Upload

Rails File Upload

Example:

Download

RichFaces Sending Ajax Request

Hello Ruby Program

You may also like