vue使用a标签下载文件
需求描述
给用户提供一个模板作为参考,然后修改之后上传
代码
vue-cli版本是3.10.0
<a href="./importTemplate.xls" download="importTemplate.xls">模板下载</a>
注意点
vue-cli的版本,对public路径下的静态资源有影响,具体参考这个帖子的说明:Vue 通过a标签下载文件
至于为啥有同样自己开了基本一样的帖子,因为参考这个帖子的代码没有实现功能[手动滑稽]
文件路径
页面及下载测试
这是在本地环境测试没问题,打包之后的生产环境也正常。
关于路径的个人理解:
至于为何路径要这么写,如果有仔细观察过vue项目dom结构,应该会发现,
vue项目最根本的还是那个index.html文件,
其他的.vue文件都是进行替换index.html这个页面一个预设好的div,
类似于早期的jq动态替换div中的内容,
所以在设置路径的时候可以给一个以index.html为根路径的相对路径。
vue使用a标签下载文件相关推荐
- a标签下载文件,浏览器变打开预览的解决方案
前景: 处理接口返回的文件链接需要下载,例如http://xxxxx/xxx.jpeg,使用a标签进行下载时(加了download),浏览器对这些类型的文件可以解析,还会打开这个文件在浏览器上进行预览 ...
- a标签下载文件,js/jq创建a标签导出Excel文件
a标签下载文件,js/jq 创建a标签导出Excel文件 1.设置dom(html) <button type="button" class="layui-btn ...
- VUE中IE浏览器下载文件的解决方案
IE浏览器无法通过a标签下载文件 1. 问题 2.解决方案 1. 问题 浏览器的兼容性问题一直是个令人头痛的问题,开发的小伙伴应该都比较喜欢用chrome浏览器,兼容性比较强大,而就有些问题发生在其他 ...
- 使用a标签下载文件,浏览器会直接打开解决方案
使用a标签下载文件,浏览器会直接打开解决方案 背景 一.HTML中的a标签实现点击下载 二.即使使用a标签的download属性,chrome浏览器还是会打开 三.解决方案 解决方案一:使用ajax请 ...
- js下载文件及前端使用a标签下载文件download属性失效问题
通常下载通过document.createElement创建虚拟a标签 function downloadFileUrl(val, url, fileName) {if (isVal) return ...
- Vue项目:js模拟点击a标签下载文件并重命名,URL文件地址下载方法、请求接口下载文件方法总结。
URL文件地址下载方法 一.正常情况下,我们都如此下载文件并修改文件名,在a标签上面添加download属性 //文件下载downFile() {if ('download' in document. ...
- vue.js接收并下载文件流(blob对象)
在vue框架中,与传统的根据路径下载文件(document.getElementById("").src='')方式不同,有时候,我们会需要将上传的文件在后台直接进行处理再回传到前 ...
- a标签下载文件header中带上用于鉴权的token
加了统一鉴权以后 如果把下载接口也拦截了 且前端使用的是a标签 可以用如下方法解决 替换调请求url和请求方式 , 方式一和方式二任意注释一个就可以运行了 方式1用的是原生的XmlHttpReque ...
- A 标签下载文件 Header 中带上用于鉴权的 Token
加了统一鉴权以后,可能会把 A 标签下载的接口也给拦截了,但是 A 标签是无法带上 Token 的,本文将介绍如何让 A 标签支持像 Ajax 一样发送请求. 加了统一鉴权以后 如果把下载接口也拦截了 ...
- jsp + servlet 通过a 标签下载文件
在开发项目时遇到,在jsp 中通过 a 标签的方式,访问后台servlet,调用 客户端以下载的方式打开文件,遇到中文文件名乱码,找不到问题,导致下载失败问题,弄了很久才弄出点样子,不是 ...
最新文章
- 075_JSON.parse()
- 数据库同步热备方案(云南某金属企业)
- Oracle中如何插入特殊字符: 和 ' (多种解决方案)
- MySQL 高级 - 触发器 - 查看及删除
- Unity3D学习笔记(二十五):文件操作
- python如何定义自定义函数_python类中系统自定义函数
- python消息模块_python - psutil 系统信息模块
- 辉煌十载!BDTC 2017 中国大数据技术大会在京盛大召开
- python手工打码_python云打码
- matlab 读取文件夹图像合成视频
- 74cms搭建 2021.03.13
- SpringCloud基础权限框架搭建(1)-Zuul整合SpringSecurityOAuth2(JWT)+Turbine-附源码
- CodeForces - 633 H Fibonacci-ish II(莫队+线段树)
- PCL点云处理之计算三维向量夹角(六十五)
- e4a java_易安卓e4a编译生成R.java文件失败的解决办法
- BlueTeam 应急
- 图像编辑、图像修饰及修补_如何增强和修饰图像[Photoshop教程]
- python小作业初版之信用卡交易
- [转载]利用Web Services实现软件自动升级
- 【来日复制粘贴】使用公式提取数据