我正在使用Sencha Touch 2.1.1。当我的应用程序请求pdf时,服务器生成pdf的二进制数据,将其保存在缓冲区中,最后通过
将其吐出到浏览器中header('Content-Length: '.strlen($this->buffer));
header('Content-disposition: attachment; filename="'.$name.'"');
,当使用网络浏览器正常浏览时,浏览器会显示其中一个“保存或打开”对话框。使用Sencha Touch,我可以从服务器获取blob,如下所示:
var xhr = new XMLHttpRequest();
console.log('new XMLHttpRequest');
var url = 'http://bladhdeblah.com/ws/Download/';
var params = "loginId=" + loginId + "&sId=" + surveyId;
xhr.open('POST', url, true);
xhr.responseType = 'blob';
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onload = function (e) {
if (this.status == 200) {
Ext.Viewport.setMasked(false);
blob = new Blob([this.response], {type: 'application/pdf'});
console.log('new Blob');
var cd = (this.getResponseHeader("Content-disposition"));
var filenameStart = cd.indexOf("\"") + 1;
var filename = cd.substring(filenameStart, cd.length - 1);
console.log('pdf filename is ' + filename);
if (Ext.os.is.Android) {
window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, gotFS, fail);
}
}
else {
LRS.util.common.displayAjaxFailure(this.response, 1);
}
};
xhr.send(params)
;
我的问题是,phonegap显然不理解'new Blob'(Android上的logcat显示'Uncaught TypeError:Illegal constructor'),据我所知,无论如何都无法使用phonegap的文件编写器写除纯文本以外的任何内容(我已在其他地方成功完成)。
我搜索了一下,但找不到解决方案。使用WinJS,我已经能够获取blob并使用Windows.Storage.Streams.RandomAccessStream.copyAsync保存它,但在phonegap中找不到任何类似的功能。
我原本以为必须有很多人想要他们的应用程序下载并保存图像,mp3或其他任何东西,所以我希望那里的一些phonegap大师能够指出我的解决方案。
我知道phonegap的FileTransfer,但是,如果我理解正确的话,我需要提供保存在服务器上的文件的url。我可以更改服务器代码,以便保存pdf,但不希望进行这样的更改。
顺便提一下,我的应用程序使用的是SQLlite数据库,所以也许解决办法是将二进制数据粘贴到某处并从那里显示出来?麻烦的是我不知道如何显示它。
答案 0 :(得分:1)
使用WebKitBlobBuilder而不是使用Blob。 可以找到BlobBuilder的一些示例here。链接说BlobBuilder已经过时,但Android(至少4.1.2)尚未转移到Blob。