reactjs - 在 React 中下载并压缩文件？

Question

我有一个为用户存储咨询的应用程序。咨询包含有关用户的数据，并附有文档。我的目标是以 zip 形式将所有附加到咨询的文档返回给用户。非常简单。

我们有 5 秒的超时限制。最初我想我们可以只下载文件并在服务器端压缩它们。这样我就可以创建一个新的端点，将 zip 返回给用户。但是由于 5 秒超时，这可能不起作用。

所以我正在考虑在客户端下载和压缩文件。前端是用 React 构建的，我一直在研究使用 JSZip .尽管我发现几乎所有使用 JSZip 的东西都在服务器端使用它。

是否可以使用 React 在客户端下载和压缩文件？有我可以使用的图书馆吗？或者这一切都应该在服务器端吗？

Answer 1

您可以在客户端使用 JsZip。例如，如果你想下载一个图像，你需要它的 url。然后，使用 axios 进行请求。像这样:

request = (currentUrl: string): Promise<void> => axios({
    url: currentUrl,
    method: 'GET',
    responseType: 'blob',
}).then((response) => {
    const url: string = window.URL.createObjectURL(new Blob([response.data]));
});

然后使用 axios 给你的 url 来下载你的文件