2

我正在尝试在 PhoneGap 中保存一个 blob - 但它是普通的文件 API。我通过 XHR 从我的服务器获取 blob，它工作正常。如果我创建一个 img 标签并将 src 设置为我的 blob，则图像会显示在我的屏幕上。

我可以将 blob 保存到文件系统，但尝试打开它们会失败。只有 .txt 可以正常工作。我必须在任何地方设置数据类型吗？

我的下载和保存功能可以在这里找到：http: //pastebin.com/GrA2tRQt

总之我做了一个 fileWriter.write(this.response);

提前感谢您的帮助！

4

1 回答 1

2

我自己解决了。有兴趣的可以参考一下解决方案：只需将 responsetype 设置为 arraybuffer 即可。

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4) { // complete.
        if (xhr.status >= 200 && xhr.status < 300) {
            var data = this.response;
            successCallback(data, fileName);
        } else {
            // response not successfull
            var error = /<d:error/;
            if (error.test(xhr.responseText)) {
                console.log("ResponseText: " + xhr.responseText);
            } else {
                console.log("Kein ResponseText vorhanden");
            }
        }
    }
};
xhr.open("GET", url, true);
xhr.responseType = 'arraybuffer';
xhr.setRequestHeader("Authorization", "Basic " + authToken);
xhr.send();

然后你可以将它保存在你的 successCallback 中，如下所示：

performSave = function (data, filename) {
    console.log("perform Save");
    console.log(data);
    window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem) {
        fileSystem.root.getFile(filename, { create: true }, function (fileEntry) {
            fileEntry.remove(
                fileEntry.createWriter(function (fileWriter) {
                fileWriter.onwriteend = function (e) {
                    cloud.functions.performSaveSuccess();
                };
                fileWriter.onerror = function (e) {
                    cloud.functions.performSaveError(e);
                };
                fileWriter.write(data);
            }, errorCallback));
        }, errorCallback);
    })
}

希望这对任何人都有帮助

于 2013-07-09T21:02:31.283 回答