我有一个包含多个文件上传的表单,问题是当我提交表单并发生验证错误时,文件输入字段被重置。
我基本上想将这些文件保留在文件输入字段中以完成整个过程。
我也经历了几个链接
请让我知道在这种情况下可以遵循的各种选择是什么。
我有一个包含多个文件上传的表单,问题是当我提交表单并发生验证错误时,文件输入字段被重置。
我基本上想将这些文件保留在文件输入字段中以完成整个过程。
我也经历了几个链接
请让我知道在这种情况下可以遵循的各种选择是什么。
Carrierwave 是处理文件上传的好工具,可以为您处理
https://github.com/jnicklas/carrierwave#making-uploads-work-across-form-redisplays
创建了一个 repo,其中包含在 Rails 上使用 Paperclip 并在发生验证错误时维护文件的示例
我不得不在最近的一个项目中使用 Paperclip Gem 解决这个问题。这有点hacky,但它有效。我尝试在模型中使用 after_validation 和 before_save 调用 cache_images() ,但由于某种我无法确定的原因,它在创建时失败,所以我只是从控制器调用它。希望这可以节省其他人一些时间!
模型:
class Shop < ActiveRecord::Base
attr_accessor :logo_cache
has_attached_file :logo
def cache_images
if logo.staged?
if invalid?
FileUtils.cp(logo.queued_for_write[:original].path, logo.path(:original))
@logo_cache = encrypt(logo.path(:original))
end
else
if @logo_cache.present?
File.open(decrypt(@logo_cache)) {|f| assign_attributes(logo: f)}
end
end
end
private
def decrypt(data)
return '' unless data.present?
cipher = build_cipher(:decrypt, 'mypassword')
cipher.update(Base64.urlsafe_decode64(data).unpack('m')[0]) + cipher.final
end
def encrypt(data)
return '' unless data.present?
cipher = build_cipher(:encrypt, 'mypassword')
Base64.urlsafe_encode64([cipher.update(data) + cipher.final].pack('m'))
end
def build_cipher(type, password)
cipher = OpenSSL::Cipher::Cipher.new('DES-EDE3-CBC').send(type)
cipher.pkcs5_keyivgen(password)
cipher
end
end
控制器:
def create
@shop = Shop.new(shop_params)
@shop.user = current_user
@shop.cache_images
if @shop.save
redirect_to account_path, notice: 'Shop created!'
else
render :new
end
end
def update
@shop = current_user.shop
@shop.assign_attributes(shop_params)
@shop.cache_images
if @shop.save
redirect_to account_path, notice: 'Shop updated.'
else
render :edit
end
end
看法:
= f.file_field :logo
= f.hidden_field :logo_cache
- if @shop.logo.file?
%img{src: @shop.logo.url, alt: ''}
好吧-我想对此采取不同的方法;与其将文件临时存储在服务器上,不如在用户修复验证问题时将其返回给客户端以重新提交。
这可能仍需要一些改进,但这是一般概念:
# in the controller - save the file and its attributes to params
def create
# ...
if params[:doc] # a regular file uploaded through the file form element
# when the form re-renders, it will have those additional params available to it
params[:uploaded_file] = params[:doc].read # File contents
params[:uploaded_file_original_filename] = params[:doc].original_filename
params[:uploaded_file_headers] = params[:doc].headers
params[:uploaded_file_content_type] = params[:doc].content_type
elsif params[:uploaded_file] # a file coming through the form-resubmit
# generate an ActionDispatch::Http::UploadedFile
tempfile = Tempfile.new("#{params[:uploaded_file_original_filename]}-#{Time.now}")
tempfile.binmode
tempfile.write CGI.unescape(params[:uploaded_file]) #content of the file / unescaped
tempfile.close
# merge into the params
params.merge!(doc:
ActionDispatch::Http::UploadedFile.new(
:tempfile => tempfile,
:filename => params[:uploaded_file_original_filename],
:head => params[:uploaded_file_headers],
:type => params[:uploaded_file_content_type]
)
)
end
#...
# params (including the UploadedFile) can be used to generate and save the model object
end
# in the form (haml)
- if !params[:uploaded_file].blank?
# file contents in hidden textarea element
= text_area_tag(:uploaded_file, CGI.escape(params[:uploaded_file]), style: 'display: none;') #escape the file content
= hidden_field_tag :uploaded_file_headers, params[:uploaded_file_headers]
= hidden_field_tag :uploaded_file_content_type, params[:uploaded_file_content_type]
= hidden_field_tag :uploaded_file_original_filename, params[:uploaded_file_original_filename]
我对这里提供的其他解决方案采取了完全不同的方法,因为我不想切换到 CarrierWave 或使用另一个 gem 来实现一个 hack 来解决这个问题。
基本上,我为验证错误消息定义占位符,然后对相关控制器进行 AJAX 调用。如果验证失败,我只需填充错误消息占位符 - 这会将所有内容保留在客户端,包括准备重新提交的文件输入。
示例如下,展示了一个具有嵌套地址模型和嵌套徽标模型(具有文件附件)的组织 - 为简洁起见,已将其删除:
组织/_form.html.erb
<%= form_for @organisation, html: {class: 'form-horizontal', role: 'form', multipart: true}, remote: true do |f| %>
<%= f.label :name %>
<%= f.text_field :name %>
<p class='name error_explanation'></p>
<%= f.fields_for :operational_address do |fa| %>
<%= fa.label :postcode %>
<%= fa.text_field :postcode %>
<p class='operational_address postcode error_explanation'></p>
<% end %>
<%= f.fields_for :logo do |fl| %>
<%= fl.file_field :image %>
<p class='logo image error_explanation'></p>
<% end %>
<% end %>
组织控制器.rb
def create
if @organisation.save
render :js => "window.location = '#{organisations_path}'"
else
render :validation_errors
end
end
组织/validation_errors.js.erb
$('.error_explanation').html('');
<% @organisation.errors.messages.each do |attribute, messages| %>
$('.<%= attribute %>.error_explanation').html("<%= messages.map{|message| "'#{message}'"}.join(', ') %>");
<% end %>
一种解决方法而不是彻底的解决方案是使用客户端验证,这样文件就不会因为整个表单持续存在而丢失。
少数未启用 JavaScript 的用户会在请求之间丢失文件,但也许这个 % 对您来说太低以至于可以接受妥协。如果这是您决定走的路线,我会推荐这颗宝石
https://github.com/bcardarella/client_side_validations
这使得整个过程非常简单,并且意味着您不必在 JavaScript 中重写您的验证
出于安全原因,浏览器会阻止在输入文件类型时设置 value 属性,这样您就无法在没有用户选择任何文件本身的情况下上传文件。
您可以使用carrierwave:https ://github.com/carrierwaveuploader/carrierwave
或者通过js请求验证模型。