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

上传文件时的Javascript通知

3 个答案: