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.

Rails File uploading 1

Click on New Resume.

Rails File uploading 2

Click on Save button. Your document will be uploaded.

Rails File uploading 3

To download this document, click on Download link.

To delete this document, click on Delete link.

Rails File uploading 4

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