我在尝试着 :

  • 通过xmlhttp发送一个zip文件到客户端
  • 然后使用zip.js读取文件并呈现其内容

  • 我成功接收到文件的二进制文件,即调用了成功回调,但是当我尝试执行 getEntries 时却遇到了错误。我认为错误是与发送流的方式有关,请帮忙。

    错误msg :



    我的客户端代码(使用angular):
    $http.get(window.location.origin + '/book/'+bookName,{responseType:"Blob"}).
    success(function (data , error) {
        var a = new Uint8Array(data);
            //var dataView = new DataView(data);
            //var blob = new Blob(dataView.buffer);
        zip.useWebWorkers = true;
        zip.workerScriptsPath = '/js/app/';
    
        zip.createReader(new zip.BlobReader(data), function(reader) {
    
          // get all entries from the zip
          reader.getEntries(function(entries) {   //HERE I GET THE ERROR
            if (entries.length) {
    
              // get first entry content as text
              entries[0].getData(new zip.TextWriter(), function(text) {
                // text contains the entry data as a String
                console.log(text);
    
                // close the zip reader
                reader.close(function() {
                  // onclose callback
                  var a = 0;
                });
    
              }, function(current, total) {
                // onprogress callback
                var a = 0;
              });
            }
          });
        },
         function(error) {
          // onerror callback
            var a = 0;
        });
    
    
    })
    .error( function (data , error) {
        var a = 0;
    
    });
    

    我在 Node 上的服务器端代码:
    router.get('/book/:bookName',function (req , res ) {
    
    
    console.log('Inside book reading block : ' + req.params.bookName);
    req.params.bookName += '.zip';
    
    var filePath = path.join(__dirname,'/../\\public\\books\\' ,req.params.bookName );
    var stat = fileSystem.statSync(filePath);
    
    res.writeHead(200, {
        //'Content-Type': 'application/zip',
        'Content-Type': 'blob',
        'Content-Length': stat.size
    });
    
    var readStream = fileSystem.createReadStream(filePath);
    // replace all the event handlers with a simple call to readStream.pipe()
    readStream.pipe(res);
    });
    

    最佳答案

    您可能已经找到了解决方案。我今天遇到了同样的问题,这就是我用普通的javascript解决的方法:

    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'assets/object/sample.zip', true);
    xhr.responseType = 'arraybuffer';
    
    xhr.onload = function(e) {
        // response is unsigned 8 bit integer
        var responseArray = new Uint8Array(this.response);
        var blobData = new Blob([responseArray], {
            type: 'application/zip'
        });
        zip.createReader(new zip.BlobReader(blobData), function(zipReader) {
            zipReader.getEntries(displayEntries);
        }, onerror);
    };
    
    xhr.send();
    

    我在您的代码中看到的问题是,您正在将值更改为Uint8Array并将其分配给var a,但仍在blobreader中使用原始数据。另外,blob阅读器需要blob而不是数组。因此,您应该将var a转换为blob,然后将其用于读取。

    10-05 20:58
    查看更多