MERN堆栈:从服务器下载.zip文件

Question

在我的React应用程序中，我在后端从存储在mongo db中的图像生成一个.zip文件。zip文件称为all meme .zip，并放置在服务器端的公共文件夹中。我想包括通过前端的下载按钮下载相关文件的选项。当按下下载按钮时，开始下载文件，但显示"错误-没有文件"。

这是我在后端生成.zip文件的代码:

const zipFolder = require('zip-a-folder');

// Generate .zip-file of  filePath which contains all saved memes
class ZipAFolder {

static main() {
zipFolder.zipFolder('./public/share', './public/allmemes.zip', function(err) {
if(err) {
console.log('Something went wrong!', err);
} 
});
}
}
ZipAFolder.main();

这些是我在前端的代码片段:

import { saveAs } from 'file-saver';

// Save .zip-File of all saved Memes
const saveFile = () => {
fileSaver.saveAs(
process.env.PUBLIC_URL + "/public/allmemes.zip",
"allmemes.zip"
);
}

<Button className={classes.button} onClick=               {saveFile}>
Download .zip-File
</Button>

文件保存程序的导入不被识别。

有人能帮我解决这个问题吗?太棒了。谢谢你！

Answer 1

删除文件保存程序。它会工作的

import { saveAs } from 'file-saver';

// Save .zip-File of all saved Memes
const saveFile = () => {
saveAs(
process.env.PUBLIC_URL + "/public/allmemes.zip",
"allmemes.zip"
);
}

<Button className={classes.button} onClick=               {saveFile}>
Download .zip-File
</Button>