https://github.com/tanhongit/upload_file_rails_6
Rails 6 File Upload using carrierwave and bootstrap. You can try it at https://uploadfilerails6.herokuapp.com/
https://github.com/tanhongit/upload_file_rails_6
carrierwave gem-carrierwave rails rails-carrierware rails-upload rails-upload-file rails6 ruby-on-rails tanhongit tanhongit-rails upload-file
Last synced: 4 months ago
JSON representation
Rails 6 File Upload using carrierwave and bootstrap. You can try it at https://uploadfilerails6.herokuapp.com/
- Host: GitHub
- URL: https://github.com/tanhongit/upload_file_rails_6
- Owner: tanhongit
- License: mit
- Archived: true
- Created: 2020-07-16T01:58:16.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-19T20:36:25.000Z (over 2 years ago)
- Last Synced: 2024-09-28T12:40:03.362Z (8 months ago)
- Topics: carrierwave, gem-carrierwave, rails, rails-carrierware, rails-upload, rails-upload-file, rails6, ruby-on-rails, tanhongit, tanhongit-rails, upload-file
- Language: Ruby
- Homepage: https://uploadfilerails6.herokuapp.com/
- Size: 23.2 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 33
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
# Welcome to Rails 6 File Upload by TANHONGIT
The Rails 6 File Upload is a small task for everyone to practice more when programming with Ruby on Rails.
We will use gem carrierwave to perform this task.
## Support for me
Support this project :stuck_out_tongue_winking_eye: :pray:
# Demo
You can try it at https://uploadfilerails6.herokuapp.com/
# 1. Technology
- Ruby on Rails
# 2. Configuration requirements
We are going to build the web application using:
- Rails 6.0.3.2
- Ruby 2.7.1
# 3. Feature
Ability to upload many different types of files: .jpg, .png, .pdf, .mp4 , .mp3, .word, .excel, .....
# 4. Runing
### 1. Clone Repo
```
$ git clone https://github.com/TanHongIT/upload_file_rails_6
$ cd upload_file_rails_6
```
### 2. Bundle Install
```
$ bundle install
```
### 3. Yarn Install
```
$ yarn install
```
### 4. Create database with Postgresql
You must change the appropriate database configuration
Change configuration at _"**config/database.yml**"_ with Postgresql.
```ruby
default: &default
adapter: postgresql
pool: <%= ENV.fetch("RAILS_MAX_THREADS") { 5 } %>
timeout: 5000
username: upload_file_rails_6
password: 1234
host: localhost
# tutorial for ubuntu linux:
# sudo -u postgres psql
# create user "upload_file_rails_6" with password '1234';
# create database "upload_file_rails_6" owner "upload_file_rails_6";
development:
<<: *default
database: chat_room_rails_6
# Warning: The database defined as "test" will be erased and
# re-generated from your development database when you run "rake".
# Do not set this db to the same as development or production.
test:
<<: *default
database: upload_file_rails_6_test
production:
<<: *default
database: upload_file_rails_6_production
```
You must change the username, password and database name accordingly!
### 5. run rails db:migrate
```
$ rails db:migrate
```
### 6. run server
```
$ rails s
```
And now go to http://localhost:3000/
# 5. Tutorial
## Step 1 Create a Rails application called upload.
```
rails new upload
```
## Step 2 Change your directory to upload.
```
cd upload
```
## Step 3 Install the following gems.
```
gem install carrierwave
gem install bootstrap-sass
```
## Step 4 Go to the Gemfile in your directory and add the following gems.
```
gem 'carrierwave'
gem 'bootstrap-sass'
```
## Step 5 Run the following command.
```
bundle install
```
## Step 6 Create a model with two strings as name and attachment.
```
rails g model Resume name:string attachment:string
```
## Step 7 Migrate your database.
```
rake db:migrate
```
## Step 8 Generate the controller file in your application.
```
rails g controller Resumes index new create destroy
```
## Step 9 In this step, we will create an uploader through carrierwave gem.
```
rails g uploader attachment
```
## Step 10 Now open the app/models/resume.rb model file and write the following code.
```ruby
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.
```ruby
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.
```ruby
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.
```ruby
@import "bootstrap";
```
## Step 14 Go to **app/views/layouts/application.html.erb** file and write the following code.
```ruby
UploadFileRails6
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
<%= yield %>
```
## Step 15 Go to **app/views/resumes/index.html.erb** file.
```ruby
<% if !flash[:notice].blank? %>
<%= flash[:notice] %>
<% end %>
<%= link_to "New Resume", new_resume_path %>
Candidate Name
Download Link
Action
<% @resumes.each do |resume| %>
<%= resume.name %>
<%= link_to "Download", resume.attachment_url %>
<%= link_to "Delete", resume, method: :delete, confirm: "Are you sure you want to delete #{resume.name}?" %>
<% end %>
```
## Step 16 Go to **app/views/resumes/new.html.erb** file.
```ruby
<% if [email protected]? %>
<% @resume.errors.full_messages.each do |msg| %>
- <%= msg %>
<% end %>
<% end %>
<% if [email protected]? %>
<% @resume.errors.full_messages.each do |msg| %>
- <%= msg %>
<% end %>
<% end %>
<%= 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" %>
<% end %>
```
## Step 17 Now start the server.
```
rails s
```
# Demo
---------------------------------------------------------------------------------
---------------------------------------------------------------------------------
# 6. Suggestions
You can change the path to save the file at the _**store_dir**_ function in the file **"app/uploaders/attachment_uploader.rb"**
