17

我的应用程序中有许多不同的表单，它们都使用remote: true. 但是一个不能正常工作，因为它不使用 ajax 调用。

清理干净后是这样的：

<%= form_tag(upload_file_ajax_path, remote: true, multipart: true) do %>
  <%= file_field_tag(:file) %>
  <%= submit_tag("upload") %>
<%end%>

标签看起来像：

<form accept-charset="UTF-8" action="/mycontroller/upload_file_ajax" data-remote="true" enctype="multipart/form-data" method="post">
  <input name="utf8" type="hidden" value="✓">
  <input name="authenticity_token" type="hidden" value="1234"></div>
  <input id="file" name="file" type="file">
  <input name="commit" type="submit" value="upload">
</form>

和路线条目：

post "mycontroller/upload_file_ajax", as: "upload_file_ajax"

但是在 Chrome 开发工具中检查调用，标题说：

Accept:text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8

而不像其他形式看起来像：

Accept:*/*;q=0.5, text/javascript, application/javascript, application/ecmascript, application/x-ecmascript

我将 js 文件添加到我的布局中

<%= stylesheet_link_tag    "application", :media => "all" %>
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>

即使我从 application.js 文件中删除所有 JS 代码（//= require jquery...除外），表单也无法正常工作。

我错过了什么？

4

2 回答 2

26

您不能使用 AJAX 进行文件上传。也就是说，正常情况下。

不过，有一个很棒的 gem，Remotipart，可以将此功能添加到您的远程表单中。

gem 'remotipart', '~> 1.0'

在 application.js 中

//= require jquery.remotipart
于 2012-07-07T12:37:00.223 回答
2

您遇到的问题是由于 AJAX 请求无法提交文件。

您可以尝试使用Jquery Form插件通过插件提供的 ajaxSubmit 方法通过 AJAX 请求上传文件

于 2012-07-07T12:39:14.670 回答