我的 Angular 网站应用程序中有一个 33 KB 的 pdf 文件,网址为
src/app/components/landing-page/res/File.pdf
在位于landing-page 文件夹内的landing-page.component.html 中,我编写了以下行以允许下载该文件。
My File <a href="./res/File.pdf" download="File.pdf">here</a>.
但是,当我使用 ngserve 在浏览器中打开应用程序并单击链接时,会下载 705 B File.pdf
,但无法打开。超链接显示为链接到 http://localhost:4200/res/File.pdf ,我认为这是问题的根源,因为该文件路径可能仅在 Angular 框架中有效.
最佳答案
试试这个,像下面这样的情况,浏览器将执行整个页面重新加载到原始链接。
包含目标元素的链接:
<a href="/ext/link?a=b" target="_self">link</a>
绝对链接:
<a href="http://angularjs.org/">link</a>
以“/”开头的链接在基路径时会导致不同的基路径 定义为:
<a href="/not-my-base/link">link</a>
根据您的问题,您应该使用以下方式。 如果您的项目路径如下所示
下面是处理下载文件的正确方法。
<a target="_self" href="../../assets/File.pdf" download="File.pdf">here</a>
确保您的href路径正确。此外, Assets 文件夹应该位于 Angular 应用程序文件夹之外,否则它将无法工作。
希望这对您有帮助。如果您有任何问题或建议,请告诉我。
关于angular - 下载文件链接在 Angular 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49647456/