POSTレスポンスをCordovaのファイル（.pdf）として保存します。

Question

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; 
} 

はまた、私は（私のPDFはどうあるべきかなど）、「グランドトゥルース」PDFを持っており、それは、と非常によく似ていますほぼ同じサイズ（960KB/916KB）の「破損した」タグと、「ストリーム」タグの間に若干の変化があります。正しいPDFの

ビギニング：

%PDF-1.5 
%���� 
1 0 obj 
<</Type/XObject/Subtype/Form/Resources<</Font<</Helv 2 0 R>>>>/BBox[0 0 12.2 12.94]/FormType 1/Matrix [1 0 0 1 0 0]/Length 93/Filter/FlateDecode>>stream 
x��; 
�0�2�6���m$`cx� T�B<�OYX��L���0 
d�Ӹ����0s�D��X��9i�帱Yf(��e׹EՉ����� 
endstream 
endobj 

と私の壊れた1：

%PDF-1.5 
%���� 
1 0 obj 
<</Type/XObject/Subtype/Form/Resources<</Font<</Helv 2 0 R>>>>/BBox[0 0 12.2 12.94]/FormType 1/Matrix [1 0 0 1 0 0]/Length 93/Filter/FlateDecode>>stream 
x��; 
�0�2�6���m$`cx� T�B<�OYX��L���0 
d������0s�D��X��9i�1Yf(��e�EI����� 
endstream 
endobj 

UPDATE

変数をFileTransferコード：

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 
); 

Answer 1

私はついにそれをしました！私はこれ以前のバージョンを試してみましたが、エラーまし

xhr.responseType = "arraybuffer"; 

：：ONEの行を追加することでしたソリューション

Uncaught DOMException: Failed to read the 'responseText' property from 'XMLHttpRequest': The value is only accessible if the object's 'responseType' is '' or 'text' (was 'arraybuffer').

は、私が代わりにちょうどthis.response、this.responseTextを保存しようとしましたので、これがあったこと、が判明しました。私はこのエラーに関する情報を見つけることができなかったので、ただ他の仮説に移りました。

の作業のコードは次のようになります。

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); 

Answer 2

FileTransfer.download（）メソッドを使用してサーバーからダウンロードする方が簡単かもしれません。http://docs.phonegap.com/en/edge/cordova_file_file.md.html#FileTransfer

var fileTransfer = new FileTransfer（）; var uri = encodeURI（ "http://xxxxxxx.ru/api/PdfDownload"）;

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": "..." 
     } 
    } 
);