javascript 实现下载本地的文件

前端之家收集整理的这篇文章主要介绍了javascript 实现下载本地的文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
针对于不同的浏览器,下载的方法也不同
// 首先判断浏览器类型
 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="";  
        }  
    }  
// 完整代码
  
  
  
    <Meta charset="utf-8">  
    JS实现<a href="https://www.jb51.cc/tag/wenjian/" target="_blank" class="keywords">文件</a><a href="https://www.jb51.cc/tag/shangchuan/" target="_blank" class="keywords">上传</a>下载  
  
  
  
  
  
  
  
原文链接:https://www.f2er.com/js/415207.html

猜你在找的JavaScript相关文章