Question

我有一张用

更新图片的表格

<%= form_for current_user, url: update_image_user_path(current_user), method: :post, html: {multipart: :true, remote: true},  :authenticity_token => true do |f| %>

行动

respond_to do |format|
        format.js
        format.html
    end

但是我收到以下错误

ActionView::MissingTemplate - Missing template users/update_image, application/update_image with {:locale=>[:en], :formats=>[:html], :handlers=>[:erb, :builder, :raw, :ruby, :coffee]}.

我没有update_image.html.erb模板，但是从错误中我得知请求不是以js格式发送的

我错过了什么？

Answer 1

你应该知道几件事。

Ajax使用称为xmlhttprequest的东西来发送数据。不幸的是，xmlhttprequests无法发布文件。 Remotipart可能有效，但在jqueryfileupload上有更多的文档和轨道投射视频。它被许多站点使用（很多站点甚至不使用rails）。我建议使用jqueryfileupload-rails gem以及rails cast：

一个。 https://github.com/tors/jquery-fileupload-rails
B. http://railscasts.com/episodes/381-jquery-file-upload

remote：true不是html属性。改变您的代码：

<%= form_for current_user, url: update_image_user_path(current_user), 
    method: :post, html: {multipart: :true}, remote: true,  
    :authenticity_token => true do |f| %>

您遇到的错误中最重要的部分是：

:formats=>[:html]

应该说：

:formats=>[:js]

现在，在正确的位置使用remote：true，错误应该消失。

Answer 2

rails remote true不适用于图片上传。您不能仅使用远程true来使用ajax上传图像。你需要jquery.form.js文件给用户ajaxForm。为此包括

response.read().decode('utf-8', errors='ignore')

并绑定表单

'strict': raise an exception in case of an encoding error
'replace': replace malformed data with a suitable replacement marker, such as '?' or '\ufffd'
'ignore': ignore malformed data and continue without further notice
'xmlcharrefreplace': replace with the appropriate XML character reference (for encoding only)
'backslashreplace': replace with backslashed escape sequences (for encoding only)

或者你可以使用jqueryfileupload-rails gem

https://github.com/tors/jquery-fileupload-rails

Answer 3

html: {multipart: :true}, remote: true而不是html: {multipart: :true, remote: true}呢？

在Rails 4中发送带有远程true的表单

3 个答案: