Rails 文件上传

2024年12月18日 | 3 分钟阅读

我们可以在 Rails 中通过文件上传功能上传文件。在本教程中，我们将学习如何在 Rails 中上传文件。

让我们看一个通过 Rails 上传文件的例子。

示例

步骤 1 创建一个名为 upload 的 Rails 应用程序。

步骤 2 将您的目录更改为 upload。

步骤 3 安装以下 gems。

gem install carrierwave
gem install bootstrap-sass

步骤 4 转到您目录中的 Gemfile 并添加以下 gems。

gem 'carrierwave' 
gem 'bootstrap-sass'

步骤 5 运行以下命令。

步骤 6 创建一个模型，其中包含两个字符串，分别是 name 和 attachment。

步骤 7 迁移您的数据库。

步骤 8 在您的应用程序中生成控制器文件。

步骤 9 在此步骤中，我们将通过 carrierwave gem 创建一个 uploader。

步骤 10 现在打开 app/models/resume.rb 模型文件并编写以下代码。

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

步骤 11 转到 config/routes.rb 文件并编写以下代码。

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

步骤 12 转到 app/controllers/resumes_controller.rb 文件并编写以下代码。

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

步骤 13 在 app/assets/stylesheets/resumes.scss 文件中添加 bootstrap。

步骤 14 转到 app/views/layouts/application.html.erb 文件并编写以下代码。

<!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>

步骤 15 转到 app/views/documents/index.html.erb 文件。

<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>

步骤 16 转到 app/views/documents/new.html.erb 文件。

<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>

步骤 17 现在启动服务器。

步骤 18 在您的浏览器上运行此链接 https://:3000/

以下页面将显示在您面前。