Vue项目中实现文件下载到本地的功能
2024-09-06 06:37:32
公司业务需求,我需要实现一个合同模板,自定义输入内容后生成合同随后导出下载合同。(自定义部分用到的是)
为了实现这个文件下载到本地的功能,真的是废了九牛二虎之力,以至于差点放弃(主要还是自己菜)。刚开始自己用到的是Window.open()的方法,发现这个方法只能将你的合同在新页面打开,并不能实现下载功能;然后就换了html5 Bolb方法,弄了些许时间后发现还是不能达到自己的需求,最后在不断的挣扎中找到了FileSaver.js 首先需要安装即:npm install file-saver --save
安装后项目中引入saveAs:import {saveAs} from 'file-saver'
保存文件代码:var file = new File(["Hello, world!"], "hello world.txt", {type: "text/plain;charset=utf-8"}); saveAs(file);
具体实现效果如下如所示:
在富文本编辑器中输入内容
当合同内容确定好之后点击下载
下载完成后就可以查看合同效果了
通过以上方式就可以实现此功能了,有不清楚或者其他问题可留言!!!
最新文章
- nodejs利用http模块实现银行卡所属银行查询和骚扰电话验证
- git flow工作流实际项目实践
- 通过代码获取res里生成R.java中的值
- Redis从基础命令到实战之字符串类型
- ASIHTTPRequest实现https双向认证请求
- nyoj 68 三点顺序
- Oracle Goldengate和Oracle Data Integrator的初步认识
- HITAG 2 125kHz RFID IC Read-Write 256 bits
- UI1_UIView层操作
- UVa 10780 (质因数分解) Again Prime? No Time.
- php入门变量之变量的间接引用、连接字符串和连接赋值运算符
- 【socket】Socket的三个功能类TCPClient、TCPListener 和 UDPClient
- JQuery OOP 及 OOP思想的简易理解
- java 课程设计 购物车系统 个人
- Android 开发 存储目录的详解
- 吴恩达机器学习笔记29-神经网络的代价函数(Cost Function of Neural Networks)
- Practical Node.js (2018版) 13章, Node HTTP/2 Servers
- C# 6 元组应用 Part 2:C# 也玩模式匹配
- lua --- 逻辑运算符小结
- ES6+转ES5