Question

我正在构建Cordova应用程序并使用FileReader API读取可用的图像，视频和音频文件以创建zip文件。我的代码如下：

self.dataReader = function(uri) {
    var deferred = $q.defer();
    window.resolveLocalFileSystemURI(uri, function(fileEntry) {
        fileEntry.file(function(file) {
            var reader = new FileReader();
            reader.onloadend = function(evt) {
                deferred.resolve(evt.target.result);
            };
            reader.readAsDataURL(file);
        });
    }, function(error) {
        if (error.code == FileError.NOT_FOUND_ERR) deferred.reject("Message : NOT_FOUND_ERR");
        else if (error.code == FileError.SECURITY_ERR) deferred.reject("Message : SECURITY_ERR");
        else if (error.code == FileError.ABORT_ERR) deferred.reject("Message : ABORT_ERR");
        else if (error.code == FileError.NOT_READABLE_ERR) deferred.reject("Message : NOT_READABLE_ERR");
        else if (error.code == FileError.ENCODING_ERR) deferred.reject("Message : ENCODING_ERR");
        else if (error.code == FileError.NO_MODIFICATION_ALLOWED_ERR) deferred.reject("Message : NO_MODIFICATION_ALLOWED_ERR");
        else if (error.code == FileError.INVALID_STATE_ERR) deferred.reject("Message : INVALID_STATE_ERR");
        else if (error.code == FileError.SYNTAX_ERR) deferred.reject("Message : SYNTAX_ERR");
        else if (error.code == FileError.INVALID_MODIFICATION_ERR) deferred.reject("Message :  INVALID_MODIFICATION_ERR");
        else if (error.code == FileError.QUOTA_EXCEEDED_ERR) deferred.reject("Message : QUOTA_EXCEEDED_ERR");
        else if (error.code == FileError.PATH_EXISTS_ERR) aledeferred.reject("Message : PATH_EXISTS_ERR");
    });
    return deferred.promise;
}

self.packMedia = function(results, type, zip) {
    var deferred = $q.defer();
    var folder;
    if (type == 1)
        folder = zip.folder("images");
    else if (type == 2)
        folder = zip.folder("videos");
    else
        folder = zip.folder("audios");
    var i = 0;
    var sending = [];
    var stp = $interval(function() {
        if (i < results.length) {
            if (sending[i] !== 's') {
                sending[i] = 's';
                self.dataReader(results[i].url).then(function(data) {
                    folder.file(results[i].name, data, {
                        base64: true
                    });
                    i++;
                }, function(msg) {
                    i++;
                });
            }
        } else {
            $interval.cancel(stp);
            stp = undefined;
            sending = [];
            deferred.resolve(zip);
        }
    }, 100);
    return deferred.promise;
}

此代码可以精美地创建zip包而不会对包含的文本文件产生任何问题，但所有媒体文件都会损坏。我可以打开zip文件但是当我尝试打开例如图像时，它表示已损坏。我无法找到任何合适的解决方案。来自API的base64内容似乎存在问题。是否有人通过这类问题？

Answer 1

我确实弄明白了这个问题：

问题是base64元数据前面的base64元标记。

在读取器的base64数据之前实现以下代码解决了问题：

data = data.split('base64,')[1];

使用Cordova FileReader API创建zip文件后损坏的图像文件

1 个答案: