上传文件时的Javascript通知

Question

以下表格非常适合上载文件并停留在同一页面上。 到目前为止，文件确实将其保存到服务器中。

= form_tag("imgupload", remote: true, multipart: true, id: 'image_upload_form' ) do
  .field
    = label_tag :image
    = file_field_tag :image
  = submit_tag "Upload Image"

文件/表格上传完成后，如何在Javascript中得到通知？

我尝试了以下操作，但它不会触发任何警报：

$("#image_upload_form").bind("ajax:complete", function(evt, data, status, xhr) {
  alert('Complete!');
});
$("#image_upload_form").bind("ajax:success", function(evt, data, status, xhr) {
  alert('Success!');
});
$("#image_upload_form").bind("ajax:failure", function(evt, data, status, xhr) {
  alert('Failure!');
});

Answer 1

尝试

$("#image_upload_form").ajaxComplete(function() {
    alert('Complete!');
});

Answer 2

我无法使JQuery绑定正常工作。 我发现jQuery Form Plugin可以满足我的需求。

Answer 3

一种解决方案是使用jquery上传图像。

这是一个很好的截屏视频： http : //railscasts.com/episodes/381-jquery-file-upload