1

ファンシーボックスボックスの中にこのフォームがあります：

<%= simple_form_for(@message, :remote => true, :html => {:multipart => true}, :url => { :controller => "users/messages", :action => "create"} ) do |f| %>
 <%= f.error_notification %>
 <%= f.input :subject, :input_html => { :maxlength => 500} %>
 <%= f.input :message_image, :as => :file %>
 <%= f.button :submit, t('.send_message'), :class => 'btn-large btn-primary', "data-disable-with" => t('.send_message'), :confirm => t('.sure_send_message') %>
<% end %>

これは私の作成アクションです:

def create
 @message = Message.new(params[:message])
 respond_to do |format|
  if @message.save
   format.js { render :partial => "users/messages/templates/sent_by_user/create" }
  else
   format.js { render :partial => "users/messages/templates/sent_by_user/nosave" }
  end
 end 
end

画像をアップロードしようとしなければ、ファイルcreate.js.erbまたはファイルは正常に動作していますnosave.js.erb

画像をアップロードしようとすると、このファイルはレンダリングされません。

ただし、ログには次のように表示されます。

Processing by Users::MessagesController#create as JS
  Parameters: {"message"=>{"message_image"=>#<ActionDispatch::Http::UploadedFile:0xf7a85c8 @original_filename="cara_enfadada.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"message[message_image]\"; filename=\"cara_enfadada.jpg\"\r\nContent-Type: image/jpeg\r\n", @tempfile=#<File:/tmp/RackMultipart20121015-21710-6oxtn2>>, "subject"=>"estrella de neutronessssssssssss"}, "commit"=>"Enviar mensaje", "utf8"=>"✓", "authenticity_token"=>"mfSsl0HafWoW86YiO2Hj7zMepAITZlHHBtUqW0wzubU=", "remotipart_submitted"=>"true", "X-Requested-With"=>"IFrame", "X-Http-Accept"=>"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript, */*; q=0.01", "locale"=>"es"}

と

Rendered users/messages/templates/sent_by_user/_nosave.js.erb (0.2ms)
Completed 200 OK in 498ms (Views: 1.5ms | Solr: 0.0ms)

Google Chrome コンソールで、次のアラートが表示されます。

Resource interpreted as Document but transferred with MIME type text/javascript:

remotipart gem を使用していますが、エラーが見つかりません... エラーはどこにありますか? ありがとうございました

4

1 に答える 1

0

ajaxを使用してファイル（この場合は画像）を直接アップロードできるため、js.erbを実行することはありません。

remotipart、pupload、jqueryfile_uploadを検討するか、uplodifyして 達成することをお勧めします

remotipartはiframeを使用していると確信しています

Puploadはランタイムサポートhtml5またはflashを使用します

uploadify use flash

試したことがないので、jqueryfile_uploadがわからない

幸運を

于 2012-10-15T17:14:51.743 に答える