Ajax - 知道文件下载是否从服务器正确发送

Question

我有一个 extjs ajax 函数，它向服务器发送一个表单，该表单返回一个文件以下载正确的 Content-Disposition ="attachment; filename='test.zip'" 标头。可以使用浏览器的正常文件下载窗口下载文件。但是ajax请求的成功回调函数没有被触发，ajax无限等待响应。

有没有办法告诉 ajax 函数文件是否从服务器正确发送？

  exportLayer = function(node_id){
    Ext.Ajax.request({
      method: "GET",
      form: "exportForm",
      url: "/basqui/layer/shapefile/export/" + node_id + "/",
      success: function(r){
                  html = Ext.decode(r.responseText).html
                  Ext.get('pageContent').update(html);
                  },
    });
  }

Answer 1

设置Ext.Ajax.request 的binary 配置属性，在响应中你会得到 responseBytes 属性中的二进制数据。

例如加载jpeg图片：

Ext.Ajax.request({
      url: "/path/to/image/test.jpg",
      success: function(xhr) {
          var b64encoded = btoa(String.fromCharCode.apply(null, xhr.responseBytes));

          var img = Ext.create('Ext.Img', {
              src: 'data:application/jpeg;base64,' + b64encoded
          });
          // add image somewhere
          ...                
      }
 });