Javascript 将POST响应另存为文件(.pdf),位于爱奥尼亚州科尔多瓦
我试图将对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(
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);