內存中創建的Zip文件已損壞

Question

我試圖將一個zip文件（由Flask在內存中創建）提供給JS前端。下載的文件已損壞，我不明白我做錯了什麼。

@app.route('/route') 
def test_zip(): 
    zf = BytesIO() 
    with zipfile.ZipFile(zf, 'w') as archive: 
     archive.writestr("test.csv", "test, 2") 
    zf.seek(0) 
    return send_file(
     zf, 
     attachment_filename='test.zip', 
     mimetype='application/x-zip-compressed', 
     as_attachment=True 
    ) 

$http({ 
    url: settings.BACKEND_URL + "/route" 
}).success(function (data) { 
    var anchor = angular.element('<a/>'); 
    var blob = new Blob([data], {'type': 'application/zip'}); 
    anchor.attr({ 
     href: window.URL.createObjectURL(blob), 
     target: '_blank', 
     download: 'test.zip' 
    })[0].click(); 
}) 

的錯誤，我得到（在Mac OS X）如下：

26 extra bytes at beginning or within zipfile 
    (attempting to process anyway) 
error [test.zip]: start of central directory not found; 
    zipfile corrupt. 
    (please check that you have transferred or created the zipfile in the 
    appropriate BINARY mode and that you have compiled UnZip properly) 

Answer 1

正如在評論中指出，Python的部分工作得很好。修復JS部分的解決方案是在http請求的參數中添加

responseType: 'arraybuffer' 

。

參考：https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data