根据CANIUSE(http://caniuse.com/#search=download)download兼容性如下图所示:

如上图所示,IE浏览器是不支持的。

1、测试代码:

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8" />
 5     <title>download 下载文件 IE兼容性处理</title>
 6 </head>
 7 <body>
 8     <a href="123.docx" download="123.docx">下载</a>
 9 </body>
10 </html>

2、效果:

并且下载的压缩包文件中没有123.docx。

3、兼容性处理

将文件123.docx(其他文件一样处理)压缩为123.zip文件后,再进行下载。

示例代码:

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8" />
 5     <title>download 下载文件 IE兼容性处理</title>
 6 </head>
 7 <body>
 8     <a href="123.zip" download="123.zip">下载</a>
 9 </body>
10 </html>

总结:

将文件压缩为zip、rar扩展名后再进行下载。

download 下载文件 IE兼容性处理相关推荐

  1. Node.js:download下载文件

    文档 npm: https://www.npmjs.com/package/download github: https://github.com/kevva/download 安装 npm i do ...

  2. JS 下载文件方法分享(解决图片文件无法直接下载和 IE兼容问题)

    场景简介 由于业务需要,经常遇到下载各类文件的需求,其中最头疼的莫过于前端下载图片了,直接给个图片文件地址会变成直接打开图片,而不是弹窗提示另存为,研究了下前端实现文件下载最便捷的方法还是创建 a 标 ...

  3. js下载文件、音频、视频的方式

    下载文件可以直接通过a标签的href属性直接下载,也可以通过Blob对象转换为文件流进行下载.如果要对大数据量或者需要分片下载.上传等操作,可以考虑Blob对象.同事Blob对象可以对下载过程进行额外 ...

  4. js下载文件、音频、视频的方式 vue

    1.a标签下载文件 // 这是传统的下载方式 const downloadFileA = document.createElement('a') document.body.append(downlo ...

  5. jq 之 download下载图片或文件功能,以及一个神奇的download属性!

    在一个项目中很常见的一个效果就是 下载图片.文件功能,下边就介绍两种方法 1.用jq写下载的方法 //html中代码如下 <div><p>点击图片可下载</p>&l ...

  6. js实现批量下载文件(csv,xlsx等图片下载需要另外找文档补充download怎么用)

    场景:点击按钮下载文件 1.下载单文件 window.open("http://xxx.xx.xx","_self"); window.open 能够打开的原理 ...

  7. 浏览器兼容性--IE11以及Edge等下载文件的中文名出现乱码,前后端解决方案

    浏览器兼容性--IE11以及Edge等下载文件的中文名出现乱码,前后端解决方案 参考文章: (1)浏览器兼容性--IE11以及Edge等下载文件的中文名出现乱码,前后端解决方案 (2)https:// ...

  8. [html] 使用a标签的download属性下载文件会有跨域问题吗?如何解决?

    [html] 使用a标签的download属性下载文件会有跨域问题吗?如何解决? 最近刚遇到这个问题,后台返回的图片链接,点击按钮批量下载,a标签的 download 属性只对同源文件有效, 所以我们 ...

  9. js前端下载文件,利用download.js或者,纯js下载文件,图片,视频,pdf等

    目前,我在百度上,找到了三种方式,下载 第一种 这个方法,用的是FileReader然后readAsDataURL,我自己测试,会比方法二,下载速度要快一点 下面的代码段,可以替换,方法三种 down ...

最新文章

  1. 于媛龄(201552118)第二次作业网调问卷的制作
  2. iOS Swift UISearchController的取消按钮
  3. 如何考核产品经理的绩效?
  4. SpringCloud_004_SpringCloud服务发现组件原理介绍
  5. Vue 打包静态文件路径设置
  6. 从零基础入门Tensorflow2.0 ----五、22TF1.0计算图构建
  7. LINQ体验(14)——LINQ to SQL语句之存储过程 夺表
  8. 逍遥单机卡系统服务器ip,逍遥剑侠情缘私服架设源码+APP端+搭建教程
  9. Eclipse安装SVN检出项目插件Subclipse失败过程记录
  10. Lenovo笔记本BIOS详解
  11. Linux 查看日志命令tail的用法
  12. JAVA 油站管理系统_加油站管理系统
  13. 使用Vue制作幻灯片
  14. RNG战队联名设计 iGame Z390 RNG限量版上线
  15. 潘多拉-视频播放器,一个轻量的视频播放器
  16. Java设计模式 Design Pattern:包装模式 Decorator Pattern
  17. mAPI(商户用API) v1.1发布
  18. 哈尔滨市平房区云计算助力 为创城插上智慧的翅膀
  19. 【毕业设计】基于单片机的手势识别系统 - 手势识别 单片机 物联网
  20. 金蝶K3案例教程委外加工前台操作

热门文章

  1. 信息系统安全开发注意事项(一)
  2. 深信服2019届校园招聘专场(私聊博主得内推码,免简历筛选)
  3. python locust学习笔记
  4. SAP同略会:主角SAP HANA的创新口号
  5. html中form表单标签的使用
  6. 【过一下14】自习室的一天
  7. 怎样把普洱熟茶泡得更好喝?
  8. 4x root 红米_红米Note 4X root教程 红米Note4X获取root权限的方法
  9. java 判断图片否旋转,Java实现图片任意角度旋转
  10. 喜茶多肉瓜瓜 | 埃德珈奶茶饮品培训,饮品配方做法制作教程