Javascript 将POST响应另存为文件(.pdf),位于爱奥尼亚州科尔多瓦

Javascript 将POST响应另存为文件(.pdf),位于爱奥尼亚州科尔多瓦,javascript,angularjs,rest,cordova,ionic-framework,Javascript,Angularjs,Rest,Cordova,Ionic Framework,我试图将对POST请求的响应保存为.pdf文件,但它一直以空白文档的形式打开(具有正确的页数)。代码是: var data = "credentials_login=xxxx&credentials_time=xxxxxxxxxxxxx&credentials_random=xxxxx&credentials_signature=xxxxxxxxxxxxxxxxxxxxx&PdfType=xxxxx"; var xhr = new XMLHttpRequest(

我试图将对POST请求的响应保存为.pdf文件,但它一直以空白文档的形式打开(具有正确的页数)。代码是:

var data = "credentials_login=xxxx&credentials_time=xxxxxxxxxxxxx&credentials_random=xxxxx&credentials_signature=xxxxxxxxxxxxxxxxxxxxx&PdfType=xxxxx";

var xhr = new XMLHttpRequest();


xhr.addEventListener("readystatechange", function () {
  if (this.readyState === 4) {

  $cordovaFile.writeFile(cordova.file.externalDataDirectory, "dc.pdf", this.responseText, true)
     .then(function(success) {
       console.log("success");
     }, function(error) {
       console.log(error.code);
     });
  }
});

xhr.open("POST", "http://xxxxxxx.ru/api/PdfDownload");
xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
xhr.setRequestHeader("accept", "application/pdf");

xhr.send(data);
有趣的是,使用邮递员发送的相同代码保存了一份正确的PDF

我已经寻找解决方案好几天了,但是没有任何效果。这似乎与响应是字符串而pdf不是有关,但我不确定具体是什么。我尝试使用stackoverflow上的一些代码转换响应,但PDF仍然为空:

 function stringToArrayBuffer(str) {
     var buf = new ArrayBuffer(str.length);
     var bufView = new Uint8Array(buf);

     for (var i = 0, strLen = str.length; i < strLen; i++) {
         bufView[i] = str.charCodeAt(i);
     }

     return buf;
 }

使用FileTransfer.download()方法从服务器下载资料可能会更容易:

var fileTransfer=new fileTransfer(); var uri=encodeURI(“”)


我终于做到了!解决方案是添加一行:

xhr.responseType = "arraybuffer";
我之前尝试过这个,但出现了一个错误:

未捕获的DomeException:未能从中读取“responseText”属性 “XMLHttpRequest”:仅当对象的 “responseType”是“”或“text”(是“arraybuffer”)

事实证明,这是因为我试图保存
this.responseText
,而不仅仅是
this.response
。我找不到关于这个错误的任何信息,所以就转到另一个假设

工作代码如下所示:

var data = "credentials_login=xxxx&credentials_time=xxxxxxxxxxxxx&credentials_random=xxxxx&credentials_signature=xxxxxxxxxxxxxxxxxxxxx&PdfType=xxxxx";

var xhr = new XMLHttpRequest();
xhr.responseType = "arraybuffer";  // <--- this thing kept me busy for 4 days!
                                  //(╮°-°)╮┳━━┳ ( ╯°□°)╯ ┻━━┻

xhr.addEventListener("readystatechange", function () {
  if (this.readyState === 4) {

  $cordovaFile.writeFile(cordova.file.externalDataDirectory, "dc.pdf", this.response, true)
     .then(function(success) {
       console.log("success");
     }, function(error) {
       console.log(error.code);
     });
  }
});

xhr.open("POST", "http://xxxxxxx.ru/api/PdfDownload");
xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
xhr.setRequestHeader("accept", "application/pdf");

xhr.send(data);
var data=“凭证\u登录=xxxx&凭证\u时间=xxxxxxxxxxxx&凭证\u随机=xxxxx&凭证\u签名=xxxxxxxxxxxxxxxxxx&PdfType=xxxxx”;
var xhr=new XMLHttpRequest();

xhr.responseType=“arraybuffer”//这将为我处理正确的文件下载?那么,如何发送x-www-form-urlencoded数据变量中的凭证、登录名和id等数据?这不应该在headers部分,并且没有FileDownloadOptions,只有FileUploadOptions。我发出了一个测试请求,但它只保存了对应于该url的html页面。我用这个FileTransfer请求更新了这个问题FileTransfer插件被弃用,取而代之的是XMLHttpRequest。
 var fileTransfer = new FileTransfer();
 var uri = encodeURI("http://xxxxxx.ru/api/PdfDownload");
 var filePath = cordova.file.externalDataDirectory + "card.pdf";

 var params = {};

 params.credentials_login = "xxxxxxx";
 params.credentials_random = "xxxx";
 params.credentials_time = "xxxxxxxxx";
 params.credentials_signature = "xxxxxxx";
 params.id = "xxxxxx";
 params.PdfType = "1";


 fileTransfer.download(
     uri,
     filePath,
     function(entry) {
         alert("download complete: " + entry.fullPath);
     },
     function(error) {
         alert("download error source " + error.source);
         alert("download error target " + error.target);
         alert("upload error code" + error.code);
     },
     false,
     params
 );
fileTransfer.download(
    uri,
    filePath,
    function(entry) {
        console.log("download complete: " + entry.fullPath);
    },
    function(error) {
        console.log("download error source " + error.source);
        console.log("download error target " + error.target);
        console.log("upload error code" + error.code);
    },
    false,
    {
        headers: {
            "Authorization": "..."
        }
    }
);
xhr.responseType = "arraybuffer";
var data = "credentials_login=xxxx&credentials_time=xxxxxxxxxxxxx&credentials_random=xxxxx&credentials_signature=xxxxxxxxxxxxxxxxxxxxx&PdfType=xxxxx";

var xhr = new XMLHttpRequest();
xhr.responseType = "arraybuffer";  // <--- this thing kept me busy for 4 days!
                                  //(╮°-°)╮┳━━┳ ( ╯°□°)╯ ┻━━┻

xhr.addEventListener("readystatechange", function () {
  if (this.readyState === 4) {

  $cordovaFile.writeFile(cordova.file.externalDataDirectory, "dc.pdf", this.response, true)
     .then(function(success) {
       console.log("success");
     }, function(error) {
       console.log(error.code);
     });
  }
});

xhr.open("POST", "http://xxxxxxx.ru/api/PdfDownload");
xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
xhr.setRequestHeader("accept", "application/pdf");

xhr.send(data);