37

我有一个包含多个文件上传的表单,问题是当我提交表单并发生验证错误时,文件输入字段被重置。

我基本上想将这些文件保留在文件输入字段中以完成整个过程。

我也经历了几个链接

如何在表单验证错误中“保留”上传的图像?

请让我知道在这种情况下可以遵循的各种选择是什么。

4

7 回答 7

7

Carrierwave 是处理文件上传的好工具,可以为您处理

https://github.com/jnicklas/carrierwave#making-uploads-work-across-form-redisplays

于 2013-03-28T12:14:40.910 回答
2

创建了一个 repo,其中包含在 Rails 上使用 Paperclip 并在发生验证错误时维护文件的示例

https://github.com/mariohmol/paperclip-keeponvalidation

于 2015-01-21T22:43:07.913 回答
1

我不得不在最近的一个项目中使用 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: ''}
于 2014-05-16T22:16:21.457 回答
1

好吧-我想对此采取不同的方法;与其将文件临时存储在服务器上,不如在用户修复验证问题时将其返回给客户端以重新提交。

这可能仍需要一些改进,但这是一般概念:

# 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]
于 2014-09-15T17:29:49.410 回答
1

我对这里提供的其他解决方案采取了完全不同的方法,因为我不想切换到 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 %>
于 2017-11-21T12:24:30.183 回答
0

一种解决方法而不是彻底的解决方案是使用客户端验证,这样文件就不会因为整个表单持续存在而丢失。

少数未启用 JavaScript 的用户会在请求之间丢失文件,但也许这个 % 对您来说太低以至于可以接受妥协。如果这是您决定走的路线,我会推荐这颗宝石

https://github.com/bcardarella/client_side_validations

这使得整个过程非常简单,并且意味着您不必在 JavaScript 中重写您的验证

于 2013-03-28T12:34:13.993 回答
0

出于安全原因,浏览器会阻止在输入文件类型时设置 value 属性,这样您就无法在没有用户选择任何文件本身的情况下上传文件。

预填充 HTML 表单文件输入

您可以使用carrierwave:https ://github.com/carrierwaveuploader/carrierwave

或者通过js请求验证模型。

于 2019-05-29T11:18:26.440 回答