JS实现文档下载兼容谷歌、火狐、IE

限时加码!20+主流AI编程工具免费用 购周边加赠Coding Plan Lite,Claude Code、Cursor等即刻畅享,学习进阶更高效! 阅读详情

js文件下载?简单啊,a标签的download属性,然后点击即下载。
http://www.w3school.com.cn/tags/att_a_download.asp
官方也说了只有 Firefox 和 Chrome 支持 download 属性。
那我IE11怎么办,于是我开始了无尽的百度与尝试。


// 方法一:window.open没用,只是打开文件。
let output = '/static/download/aaa.txt'
let downloadFileName = 'testa'
if (window.navigator.msSaveBlob) {
    // for ie 10 and later
    try {
        let blobObject = new Blob([output])
        window.navigator.msSaveBlob(blobObject, downloadFileName)
    } catch (e) {
        console.log(e)
    }
} else {
    let file = 'data:text/plain;charset=utf-8,'
    let logFile = output
    let encoded = encodeURIComponent(logFile)
    file += encoded
    let a = d

JavaScript 检测当前浏览器内核并提示下载谷歌Chrome浏览器 需求:因为项目只能用极速模式(webkit)访问,所以在用户使用非极速模式访问时,页面空白无反馈。 解决:检测用户当前浏览器内核,若非webkit内核则弹出提示并自动下载谷歌浏览器。 效果: 创建getVendorPrefix.js文件如下: function getVendorPrefix() { const body = document.body || document.d... 阅读详情

相关推荐

前端实现:base64格式的PDF预览

这两天接到个需求,需要将接口返回的base64编码转成PDF文档在浏览器中实现预览。要求转换操作放在前端处理。在此之前没做过,于是乎开始百度,发现大部分推荐的就是pdf.js。 pdf.js 入门使用指南 一:下载和安装 1:进入官网下载地址: http://mozilla.github.io/pdf.js/getting_started/#download 2:下载好解压后复制bulid目录下的...

superHaitao的博客 6497

JavaScript---文件下载&处理文件下载失败&兼容IE11文件下载

文件下载分为两种形式 如果后台服务器的静态目录有可供下载的静态资源,则通过【window.location.href=“文件路径”】方式获取即可; 如果后台服务器无可供下载的静态资源,返回的是一个文件流,则通过将文件写入内存,并且创建a元素,a链接href属性指向内存中的文件,download属性指向要下载的文件名,模拟a元素的点击事件,进行下载; 具体使用哪种方式下载文件,取决于后台。下面举例讲第二种方式 文件下载前后端接口如下: 一、下载文件 IE11文件下载:【.

maidu_xbd的博客 3387

兼容iejs文件

网上找到的兼容ie6的js代码,具体是否有效可能和浏览器有关

js下载文件到本地各种方法总结,解决火狐浏览器下载文件直接打开问题不是下载

!!!总是碰到下载文件的需求,在这里统一整理一下方法 一、此方法火狐有些版本是不支持的 window.location.href = 'https://*****.oss-cn-**.aliyuncs.com/*********'; 二、为了解决火狐有些版本不支持,可以改成这种方式 window.location='https://*****.oss-cn-**.aliyuncs...

wodebokecsdn的博客 1万+

IE可以实现的浏览器js下载文件的方法

方法一: 打开新窗口,替换成下载界面 function doSave(obj) { obj=document.getElementById('obj');//obj是需要下载的内容 if (isIE()){//IE浏览器保存文本框内容 var winname = window.open('', '_blank', 'top=10000'); winname.d...

xxtz0522的博客 1万+

js实现从chrome生成并下载文件

let myCodes = ["013103","013106","013107","013109"]; let authObj = JSON.parse(localStorage.getItem("BTN_AUTH")) let content = "" content += "--------按钮权限列表----------\r\n" for(let m...

咘噜biu的博客 2383

文件下载兼容ie,Firefox,chrome

文件下载同时兼容ie,Firefox,chrome方法: response.setHeader("Content-Disposition", "attachment;filename*=utf-8'zh_cn'" + URLEncoder .encode(fileName, UTF8)); 前端js中对文件名进行编码:encodeURI(fileName) ...

1123

XMLHttpRequest 对象实现下载文件,并且实时显示进度条(兼容ie,chrome,Firefox)

XMLHttpRequest 应用,实现下载文件,并且实时显示进度条获取浏览器类型进行下载处理下载成功的方法下载失败的方法下载中断的方法下载结束的方法 有关XMLHttpRequest对象的详细信息可以参照 xmlHttpRequest web API 接口文档: https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest....

qq_41523250的博客 3864

word文档转pdf并在任意浏览器预览打印一体化方案

近日,遇到一个需求,要将 word 文档转化为 pdf 文档,并且能在 IE 浏览器、火狐浏览器、谷歌浏览器等主流浏览器上展示 pdf 内容。 分析:目前在线预览 word 文档用的是卓正的 pageoffice 控件,只需要将这份 word 文档转成 pdf ,再展示在浏览器即可。 一、将 word 文件转化成 pdf 文件 这个需求,实现的方案有很多,之前也使用过开源的工具进行转化,比如 op...

心猿码意 1421

使用JS插件导出word及jquery.wordexport.js插件IE11以下不兼容问题处理

项目开发中,遇到需要将页面内容导出word的需求,常用方法是通过FileSaver.js和jquery.wordexport.js插件进行导出,该插件适用于360,火狐谷歌IE11浏览器,下面

weixin_39010492的博客 1517

js实现浏览器打印PDF

光速云插件 联系QQ:623105084 购买无水印版地址 特点 免费浏览器打印PDF/HTML/图片/Word文档/Excel/PPT/指令打印/自定义绘图。 支持超大PDF文件打印,能够快速响应打印。 使用静默方式打印。 读取串口数据。 读取电子秤重量。 支持谷歌火狐IE7+等浏览器。 支持HTTPS协议的站点。 跨平台,支持Windows、Linux、Mac、Android系统 安装 Windows版下载地址 当前版本5.0.5 Linux版下载地址 当前版本1.0.1 Android版

oZuoGengHaoDeZiJi的博客 1857

js 实现选择文件存放路径

最近遇到js 实现选择文件存放路径问题,百度了一下找到一个方法,使用时碰到的问题分享一下: 以下为代码: <input id="catchAdress" type="text" /><button onclick="browseFolder()">选择地址</button> <script> function browseFolder() { ...

那个小学生的博客 1万+

java ie下载文件名乱码问题_在IE下-下载文件-文件名中文名乱码问题

首先说明下各浏览器对文件下载的文件名解析编码如下:1. IE浏览器,采用URLEncoder编码2. Opera浏览器,采用filename*方式3. Safari浏览器,采用ISO编码的中文输出4. Chrome浏览器,采用Base64编码或ISO编码的中文输出5. FireFox浏览器,采用Base64或filename*或ISO编码的中文输出那么IE浏览器的文件名编码解析就得单独处...

weixin_34553878的博客 419

LightningJS 浏览器兼容性实战:从 IE6 到现代浏览器的 6 大阵营适配指南

LightningJS 是一个专为第三方 JavaScript 分发而生的安全、快速、异步嵌入加载器,其最硬核的亮点就是**浏览器兼容性**:从 IE6 一路覆盖到现代浏览器,横跨 6 大浏览器阵营。对第三方脚本提供方来说,客户用什么浏览器你说了不算,兼容性就是生命线。本文将带你拆解 LightningJS 的浏览器兼容性设计思路、各阵营的适配细节,以及如何用它实现"一次嵌入、处处运行"。 ##

gitblog_00808的博客 193

js检测PDF插件 Adobe Reader是否安装

//检测浏览器类型:IE火狐谷歌、Safari   function getBrowserName(){   var userAgent = navigator ? navigator.userAgent.toLowerCase() : "other";   if(userAgent.indexOf("chrome") > -1) return "chrome"; ...

weixin_42403127的博客 1289

IE低版本提示下载新的浏览器js--IEOutTips.zip

IE低版本提示下载新的浏览器js--IEOutTips.zip 代码下载地址:https://download.csdn.net/download/cplvfx/15974834

橙-极纪元-JJYCheng 577

ZeroClipboard2.2.0版本跨浏览器复制(兼解决IE兼容问题)

复制到剪贴板的JS实现--ZeroClipboard (兼解决IE兼容问题)   相信绝大多数人都遇到过这样的功能实现,“复制”或者“复制到剪贴板”这样的功能。但是由于各大浏览器的实现方案不一样,导致几乎没有统一的实现这样功能的方案。而被各大程序猿喜欢的jQuery也没有类似的方法或者函数来实现这一功能。包括博客园这样的技术博客区对代码的复制,也没有直接复制到剪贴板,需要用户自己去手动ct

w355474326的专栏 1294

身份证阅读器(读卡器)谷歌Chrome和火狐Firefox浏览器端网页开发接口控件分享

浏览器控件

a1720417545的博客 4771

pdf.js 使用方法

1.百度搜pdf.js下载2.下载的文件解压到网站目录,把自己的pdf准备好放到对应的目录中,修改view.html文件实现pdf外观(比如去掉下载按钮)。3.以下代码火狐谷歌、浏览器运行正常,ie不能正常运行(需解决,ie中本地不能正常运行,浪费了不少时间,需要在ie8以上运行在html中加入meta标签(红色部分),解决问题,坑爹的ie!)4.测试代码如下:需要按需修改5.切记不要在本地运...

pkowner的专栏 2937
上一篇: 前后端分离——前端echarts问题记录
下一篇: element ui的el-tree文字显示不全的解决办法
Beam007
博客等级 码龄10年 96粉丝 115原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值