Rails裡給檔案上傳新增progress bar

2021-08-29 14:24:40 字數 443 閱讀 4156

檔案上傳很慢時,ui沒有什麼使用者提示,這樣讓人很費解,所以我們可以給檔案上傳新增乙個動態而美觀的progress_bar

首先給form_for新增乙個onsubmit事件,並在form_for下緊跟乙個顯示progress_bar的div:

[code]

<% form_for(:asset, :url => assets_path, :html => ) do |f| %>

上傳檔案

<%= f.file_field :uploaded_data %>

<%= submit_tag "提交" %>

<% end %>

正在上傳中,請稍候...

[/code]

這樣,在form提交之前隱藏表單,並顯示progress_bar,直到form提交完成,頁面跳轉

[img]

[img]

rails上傳檔案 非外掛程式

rails檔案上傳 除了通過 clip等外掛程式來上傳檔案之外,也可以不用外掛程式,用ruby的file模組中的方法來實現檔案上傳。一 控制器 在控制器中加入以下兩個方法,其中getfilename用來修改所上傳的檔名稱,在我所上傳的檔案中存在空格,會出現,系統找不到檔案的錯誤,所以將檔案中的空格去...

rails 2 0檔案上傳

1.表單 form for admin,album html do f 檔案上傳控制項 file field file,album img 曾試過將檔案控制項也寫出與model相關聯的方式 f.file field album img 但在修改記錄時處理有些麻煩,所以將檔案上傳的控制項與model屬...

前端上傳檔案給後端

commons io commons io 2.6commons fileupload commons fileupload 1.4給input file 加上name 然後後端 requestparam value file required false multipartfile file接受 ...