根据后端的文件数据流，在前端形成下载的文件

最新推荐文章于 2024-08-09 11:41:48 发布

月光下的皮皮猪

最新推荐文章于 2024-08-09 11:41:48 发布

阅读量6.6k

点赞数 2

本文链接：https://blog.csdn.net/hexiaojuan1/article/details/81215142

版权

本文介绍了一种通过前端JavaScript实现文件下载的方法。具体来说，通过创建一个隐藏的`a`标签并设置其`href`属性为要下载文件的内容，再触发点击事件来实现下载功能。这种方法避免了直接使用服务器路径进行下载，增强了安全性。

摘要由CSDN通过智能技术生成

定义的接口不是下载文件的路径，而是通过API可以获得文件的内容，由前端把内容写入到文件中，这种方法是通过获取文件信息，在网页上利用click事件，创建一个文件，然后将文件信息写入到文件中，然后保存
<a name="download" (click)="downloadfile()"></a>
downloadfile(){
this.filecontent = "this is my file content";
this.url = "localhost:8000/home/home/file.txt";
let a = document.createElement('a');

a.href = "data:text/json;charset=utf-8,"+ this.filecontent;
a.download = "myfilename";
a.click();

}