JS实现文件下载(适应多种浏览器)
来源:互联网 发布:12315投诉有用吗淘宝 编辑:程序博客网 时间:2024/05/20 02:29
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS实现文件上传下载</title></head><body><a href="javascript:void(0);" id="oDownLoad" onclick="oDownLoad('1.pdf','oDownLoad')">下载</a></body><script> function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera) { return "Opera" }; //判断是否Opera浏览器 if (userAgent.indexOf("Firefox") > -1) { return "FF"; } //判断是否Firefox浏览器 if (userAgent.indexOf("Chrome") > -1){ return "Chrome"; } if (userAgent.indexOf("Safari") > -1) { return "Safari"; } //判断是否Safari浏览器 if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) { return "IE"; }; //判断是否IE浏览器 if (userAgent.indexOf("Trident") > -1) { return "Edge"; } //判断是否Edge浏览器 } function oDownLoad(url,id) { if (myBrowser()==="IE" || myBrowser()==="Edge"){ var oPop = window.open(url,"","width=1, height=1, top=5000, left=5000"); for(; oPop.document.readyState != "complete"; ) { if (oPop.document.readyState == "complete")break; } oPop.document.execCommand("SaveAs"); oPop.close(); }else{ //!IE var odownLoad=document.getElementById(id); odownLoad.href=url; odownLoad.download=""; } }</script></html>
注:在html同一目录下准备一个1.pdf文件。
阅读全文
0 0
- JS实现文件下载(适应多种浏览器)
- java文件下载中文文件名处理,适应各种浏览器
- 使 Web 应用程序能够适应多种浏览器
- 使 Web 应用程序能够适应多种浏览器
- 多种方式实现文件下载功能
- 多种方式实现文件下载功能
- springmvc实现浏览器下载文件
- js 实现文件下载
- JS实现文件下载
- js实现文件下载
- 适应浏览器自带断点下载
- download.js 实现浏览器下载 而不是打开
- asp.net中多种实现文件下载功能
- Div+css+js实现高度适应浏览器,做出的效果像winform
- JS 实现远程文件下载
- js 实现多文件下载
- [前端] JS实现文件下载
- js简单实现文件下载
- hadoop-1.2.1完全分布式安装
- 面向对象和面向过程的理解
- java三大流程控制
- STL之函数对象和谓词
- 斐讯k2 padanva 通过 h3c/inode 验证
- JS实现文件下载(适应多种浏览器)
- 对于面向对象的理解,什么是面向对象
- 【解决】could not find gradle wrapper within android sdk
- 自适应布局---自适应宽度
- 《深度学习》读书笔记——引言
- webpack+babel常见问题
- HTML一些基本标签汇总
- java 第三课笔记
- leetcode1---python