我有一个 Angular2 应用程序,它公开了一些文件的直接下载链接。
文件位于:
[MY_APP_FOLDER]\src\assets\OffertFile
链接 href 的示例如下:
/assets/OffertFile/test.xlsx
component.html 链接示例是这样的:
<a href="/assets/OffertFile/test.xlsx" target="_self">
<i class="fa fa-download fa-2x text-primary" aria-hidden="true"></i>
</a>
链接有效,我可以下载文件。问题是,一旦我单击链接,应用程序就会路由到主页...
我怎样才能避免这种情况?
感谢支持
最佳答案
请添加 download
属性为 <a>
标签。这将防止路由更改并告诉浏览器这是一个下载链接:
HTML docs: https://www.w3schools.com/tags/tag_a.asp
<a href="/assets/OffertFile/test.xlsx" target="_self" download>
<i class="fa fa-download fa-2x text-primary" aria-hidden="true"></i>
</a>
关于Angular2 - 单击后指向文件下载路径的 Html 链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43806329/