关于a标签下载的相关坑

<a></a>在H5中新增了download属性用于实现下载功能，再也不用去写一长串js了。但是a标签的下载功能却是有坑的，还是要注意。

基础用法：<a href="/files/2018/jnf387u93im_3njk.pdf" dowload="月报总结.pdf">

上面的写法是十分常见的，也是最直接有效的。

但是当href属性值为http开头时，问题就来了：

1.download虽然把a标签标记为下载，但是download属性值不生效，下载的文件名会变成href中的文件名，例如：

<a href="http:www.baidu.com/files/2018/jnf38.pdf" dowload="月报总结.pdf">下载文件名为“jnf38.pdf”

2.在谷歌浏览器中，download的使用一般会直接打开目标文件

我说完了，暂时就发现这些，

关于a标签下载的相关坑相关推荐

随手记一次用C#正则表达式获取下拉菜单html标签select以及相关属性值
随手记一次用C#正则表达式获取下拉菜单html标签<select>以及相关属性值 1:有如下html: .................. <select id="aaa ...
Python爬取De下载站相关代码
Python爬取De下载站相关代码,因为没有设置代理,所以爬到800页左右就被干掉了,后续要加上 import urllib.request import bs4 import re import t ...
解决a标签下载网络图片直接打开的问题，通过浏览器下载网络文件
因为公司用的分布式文件系统上传文件后返回的是 http文件路径,当文件是图片是,用a标签下载会直接打开而不是下载,所以找了下怎么通过浏览器下载远程服务器上的图片.网上大部分都是后台代码,现在把前端后台 ...
a标签下载静态文件失败-未发现文件
- VUE a标签下载文件下载文件提示失败未发现文件目录静态文件bbb.txt 放在public下面data文件夹里面 ![在这里插入图片描述](https://img-blog.csdnim ...
a标签下载文件，js/jq创建a标签导出Excel文件
a标签下载文件,js/jq 创建a标签导出Excel文件 1.设置dom(html) <button type="button" class="layui-btn ...
vue项目中使用a标签下载视频文件
vue项目中使用a标签下载视频文件前提条件: 1.地址为http 2.文件格式为MP4(仅代表这次项目中使用的情况) 示例代码: <el-button size="mini" ...
A 标签下载文件 Header 中带上用于鉴权的 Token
加了统一鉴权以后,可能会把 A 标签下载的接口也给拦截了,但是 A 标签是无法带上 Token 的,本文将介绍如何让 A 标签支持像 Ajax 一样发送请求. 加了统一鉴权以后如果把下载接口也拦截了 ...
使用a标签下载文件，浏览器会直接打开解决方案
使用a标签下载文件,浏览器会直接打开解决方案背景一.HTML中的a标签实现点击下载二.即使使用a标签的download属性,chrome浏览器还是会打开三.解决方案解决方案一:使用ajax请 ...
js下载文件及前端使用a标签下载文件download属性失效问题
通常下载通过document.createElement创建虚拟a标签 function downloadFileUrl(val, url, fileName) {if (isVal) return ...
UNI-APP/VUE 项目集成微信SDK /微信开放标签教程和避坑指南（下）——微信开放标签篇
UNI-APP/VUE 项目集成微信开放标签教程和避坑指南文章同步发布于

关于a标签下载的相关坑

关于a标签下载的相关坑相关推荐

最新文章

热门文章