I'm encountering an issue while attempting to serve a zip file generated in memory by Flask to a JavaScript front-end. However, the downloaded file appears corrupted and I am unsure of what mistake I may be making.
@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();
})
Upon testing this on Mac OS X, I encounter the following error:
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)