应用HTML5 a标签下载文件
使用HTML5 <a>标签可以直接下载文件而不用通过后台action。
<a href="/uploadfolder/xxxx.txt">点击下载</a>
用户在点击这个链接的时候,就会直接下载这个文件,但是这里有个问题,像txt,jpg这些浏览器支持直接打开的文件是不会执行下载的,而是会直接打开。这时候可以给a标签添加一个download属性:
<a href="/uploadfolder/xxxx.txt" download="文件名.txt">点击下载</a>
download也可以不给值,这样就会使用默认的文件名。
浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
应用HTML5 a标签下载文件相关推荐
- js下载文件及前端使用a标签下载文件download属性失效问题
通常下载通过document.createElement创建虚拟a标签 function downloadFileUrl(val, url, fileName) {if (isVal) return ...
- a标签下载文件,js/jq创建a标签导出Excel文件
a标签下载文件,js/jq 创建a标签导出Excel文件 1.设置dom(html) <button type="button" class="layui-btn ...
- 使用a标签下载文件,浏览器会直接打开解决方案
使用a标签下载文件,浏览器会直接打开解决方案 背景 一.HTML中的a标签实现点击下载 二.即使使用a标签的download属性,chrome浏览器还是会打开 三.解决方案 解决方案一:使用ajax请 ...
- jsp + servlet 通过a 标签下载文件
在开发项目时遇到,在jsp 中通过 a 标签的方式,访问后台servlet,调用 客户端以下载的方式打开文件,遇到中文文件名乱码,找不到问题,导致下载失败问题,弄了很久才弄出点样子,不是 ...
- a标签下载文件header中带上用于鉴权的token
加了统一鉴权以后 如果把下载接口也拦截了 且前端使用的是a标签 可以用如下方法解决 替换调请求url和请求方式 , 方式一和方式二任意注释一个就可以运行了 方式1用的是原生的XmlHttpReque ...
- A 标签下载文件 Header 中带上用于鉴权的 Token
加了统一鉴权以后,可能会把 A 标签下载的接口也给拦截了,但是 A 标签是无法带上 Token 的,本文将介绍如何让 A 标签支持像 Ajax 一样发送请求. 加了统一鉴权以后 如果把下载接口也拦截了 ...
- Vue项目:js模拟点击a标签下载文件并重命名,URL文件地址下载方法、请求接口下载文件方法总结。
URL文件地址下载方法 一.正常情况下,我们都如此下载文件并修改文件名,在a标签上面添加download属性 //文件下载downFile() {if ('download' in document. ...
- JS a标签下载文件而不打开文件
// 下载文件 function downfile(obj) {var url = $(obj).attr("files");//url = "http://10.19. ...
- a标签下载文件,浏览器变打开预览的解决方案
前景: 处理接口返回的文件链接需要下载,例如http://xxxxx/xxx.jpeg,使用a标签进行下载时(加了download),浏览器对这些类型的文件可以解析,还会打开这个文件在浏览器上进行预览 ...
- 通过a标签下载文件,不能下载原因
<a href="../api/v1/file/downloadTemplate?templateFileName=sampleExcel.xls&downloadFileNa ...
最新文章
- c语言基础学习08_关于内存管理的复习
- 线上比赛中关于视觉AI组与信标组补充说明
- [云炬创业管理笔记]第三章测试4
- 详解数据挖掘与机器学习的区别与联系
- 前端调试、兼容、适配指南与工具分享
- 【HDU - 1080】Human Gene Functions(dp,可编辑距离类问题)
- 九九乘法表Python+Java
- 线性表顺序表模板 纯本人手工创造
- oracle sql 分区查询语句_Oracle分区表跨分区查询数据为空
- Kaggle电影数据集:movies_metadata.csv
- 微信小程序官方开发文档
- 陪孩子一起学习python
- MVPArms MVP+Dagger+Rxjava+Retrofit快速集成框架
- chromium 浏览器markdown神器插件
- 直线方程和直线系方程
- [SDIO] SD card 初始化及常用命令解析(附波形,uboot代码)
- SpringBoot项目怎么重命名
- oracle+sql+groupby,oracle学习笔记2:SQL执行
- 【备战春招/秋招系列】美团Java面经总结终结篇 (附详解答案)
- 童玲:蚂蚁金服区块链在真实业务场景的实践与突破
热门文章
- C语言判断m数为素数,判断数m是否为素数 c语言求素数的代码
- spring mvc 4.3.2 + mybatis 3.4.1 + mysql 5.7.14 +shiro 幼儿园收费系统 之 消息管理
- JAVA发送邮件(163邮箱发送)
- 编辑实测:迅捷PDF转换器怎么将PDF转换成JPG
- python基本语法总结(超级全面,细致,只用一周就可以入门python到实践),会持续更新
- 关于 笔记本换掉光驱加装全新SSD以及win10系统无损迁移到SSD 详细教程
- 2020年带你学会全网营销
- 计算机及编程语言历史概述
- Java商城项目实战
- NVMe驱动学习记录-2