Rails + ajaxForm：上传文件出错时使用“错误”回调

Question

背景

我首先想通过 json 上传文件并以这种方式获得响应。

我正在使用：

• 导轨 3
• ajaxForm

我很快发现you can't get a reponse in json。因此，我遵循了该建议并以文本形式返回。

删除 pre 标签后，我可以让事情正常进行。丑陋的解决方案，但这是一个丑陋的问题。

问题

现在，我的问题是处理错误。

这是 JS：

$('form#new_image').submit(function() {
  $(this).ajaxSubmit({
    dataType: 'text',
    beforeSubmit: showLoading,
    success: imageUploadSuccess,
    error: imageUploadError
  });
  return false;
});

function imageUploadSuccess(data) {
  var jsonObject = $.parseJSON((/<pre>(.+)<\/pre>/.exec(data))[1]);
  //Do something
}

function imageUploadError(data) {
  alert("FAIL!");
}

即使我以错误响应，成功回调 (imageUploadSuccess) 也会始终执行。

这是我的控制器：

def create
  @image = Image.new params[:file]
  @image.imageable_type = params[:imageable_type]
  @image.imageable_id = params[:imageable_id]

  respond_to do |f|
    if @image.save
      logger.debug "PASSED"
      f.text {render :text => @image.to_json}
    else
      logger.debug "FAIL"
      f.text { render :text => "Fail!", :status => 500 }
    end
  end
end

现在，虽然我可以在失败时返回一个包含 success: false 的 json 对象，但总是执行成功回调感觉很脏。

如何使用错误回调？

Answer 1

这里有一些通用的 jQuery 代码来让你的 ajax 提交：

$('#btn-submit').click(function(event){
    event.preventDefault();
    $.ajax({
        type: "POST",
      url: $('form').attr('action'),
      data:  $('form').serialize(),
      success: function(data) {},
      error: function(data) {}
    });
});

编辑：

我刚刚看到您愿意使用 ajax 上传文件。 Ajax 不允许这种处理，但有很多不错的选择。

我这里举两个例子（两个分支）：https://github.com/apneadiving/Pic-upload---Crop-in-Ajax

• 使用 flash 上传
• 使用 jQuery Uploader，100% js（使用框架）

Answer 2

看来不管是用.ajax还是.ajaxForm提交，只要服务器响应，success回调就会被执行。

因此，我必须根据具体情况使用具有success: true/false 的特殊结构化 json 进行回复。最好用控制器动作来说明（我在这里使用了inherited_resources，但你明白了）：

def create
  create! do |success, failure|
   success.html {redirect_to to}
   success.text do
     image = {
       :id => @image.id,
       :file_name => @image.file_name,
       :success => true
     }
     render :text => image.to_json
   end
   failure.text do
     image = {
      :success => false,
      :errors => @image.errors
     }
     render :text => image.to_json
   end
   success.js
  end
end