Vue 实现下载本地静态文件

<el-link type="primary" style="margin-left: 80%" @click="downloadDoc">下载完整的排版实例</el-link>

downloadDoc(){// 创建一个<a></a>标签const a = document.createElement('a');a.href = './documents/Sample-Paper-PRE-bundle.docx';a.download = 'Sample-Paper-PRE-bundle.docx';// 障眼法藏起来a标签a.style.display = 'none';// 将a标签追加到文档对象中document.body.appendChild(a);// 模拟点击了<a>标签,会触发<a>标签的href的读取,浏览器就会自动下载了a.click();// 一次性的,用完就删除a标签a.remove();}

注意:把文件放在public文件夹中,不建议放在assets文件夹下(可能会报错:文件找不到，路径问题)

Vue 实现下载本地静态文件相关推荐

vue前端下载本地excel文件
<a class="template-download" href="./存货周转率及存货金额目标录入模板.xlsx" download><i ...
Vue.js读取本地json文件并分页显示
Vue.js读取本地json文件并分页显示 1.功能实现通过axios异步加载技术读取本地的json文件内容,并通过vue.js处理数据在h5页面分页显示(这里以3行数据分页) 2.student. ...
html利用a标签实现下载本地的文件
在写html页面的时候,需要在网页上提供一个下载按钮可以下载我自己电脑中的文件.我已经知道了该文件的路径,但是之前看了很多文章都没找到正确办法,一直不知道如何能够下载本地的文件,经过不断实验发现,可以 ...
django：访问本地静态文件的配置
1.在setting.py中新增如下配置,static为静态文件的目录,BASE_DIR为项目根目录 STATIC_URL = '/static/' STATIC_ROOT = os.path.joi ...
Vue导入下载的字体文件
问题描述现在我正在实现一个页面,字体是比较特殊的TecentSans W7.ttf,无法直接使用css样式中对应的font-family去使用解决方法 1.下载字体文件首先需要下载你所需要的显示 ...
vue组件引入本地静态图片
vue2组件引入本地图片的的两种方式: 1,使用@引入: 这是在组件内直接引用和普通的html方法一样,代码如下 <img src="@/assets/test.png" a ...
nginx linux下载文件,linux – 从nginx缓慢下载大型静态文件
我在vmware-esxi虚拟化中使用debian 7 x64. 每个客户端的最大下载量为1mb / s,Nginx一起使用不超过50mbps,我的问题是什么可能导致传输速度变慢? 服务器 **Set ...
java下载本地excel文件
@GetMapping("/downloadByPath") public void downloadByPath(String path, HttpServletResponse ...
vue中静态文件引用注意事项
(一)assets文件夹与static文件夹的区别区别一:assets文件是src下的,所以最后运行时需要进行打包,而static文件不需要打包就直接放在最终的文件中了区别二:assets中的文件 ...
antd vue表单上传文件_Vue编译出静态文件上传七牛CDN
Vue作为目前比较流行的前端开发框架,在前后端分离比较时尚的今天异常火热,下面分享下怎么把Vue编译出来的静态文件上传到CDN,在这里主要是七牛云的CDN. Vue项目进行编译编译命令: npm r ...

Vue 实现下载本地静态文件

Vue 实现下载本地静态文件相关推荐

最新文章

热门文章