cordova - 将 BLOB 保存为 .txt 可以，但不适用于其他类型

Question

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

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

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

简而言之，我做了一个 fileWriter.write(this.response);

感谢您提前提供的任何帮助!

Answer 1

我自己解决了。对于有兴趣的人来说，这是解决方案: 只需将响应类型设置为 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);
    })
}

希望这对任何人都有帮助