使用 Angular 从目录提供下载

问题描述

我在为我的 Angular 应用程序提供服务的同一个文件夹中有一个文档列表。我想制作一个网页，显示文档列表和下载单个文档的链接。

我将如何做到这一点？

解决方法

虽然通常建议通过您自己的后端提供文档，但您可以通过使用一些标准的 angular 包来简化这项工作。以下是一些选项：

1. ngx-doc-viewer - 可能是最好的库并且支持很多文件类型。此 demo 可以帮助您更好地了解它。
2. ng2-pdf-viewer - 当您的问题仅限于 pdf 时，这是一个使用起来更简单的软件包，但没有广泛的自定义。Stackblitz demo
3. ngx-extended-pdf-viewer - 这具有广泛的自定义功能，如果您担心带有工具栏的文档显示，这真的很酷。Demo
4. NodeJs + DB - 最后但并非最不重要的一点是，复杂应用程序最可定制和标准的方法是构建您自己的后端。后端服务器实际上可以为文档分配一个文件夹，用户/管理员可以将文档上传/保存在该特定文件夹中。