zoukankan      html  css  js  c++  java
  • JS下载文件,解决文件直接在浏览器打开的情况

    JS下载文件,解决文件直接在浏览器打开的情况:

         function downloadfile(url, file_name) {
                var xmlHttp = null;
                if (window.ActiveXObject) {
                    // IE6, IE5 浏览器执行代码
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                } else if (window.XMLHttpRequest) {
                    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
                    xmlHttp = new XMLHttpRequest();
                }
                //2.如果实例化成功,就调用open()方法:
                if (xmlHttp != null) {
                    xmlHttp.open("get", url, true);
                    xmlHttp.send();
                    xmlHttp.onreadystatechange = doResult; //设置回调函数                 
                }
                function doResult() {
                    if (xmlHttp.readyState == 4) { //4表示执行完成
                        if (xmlHttp.status == 200) { //200表示执行成功
                            //引用js库:download.js
                            download(xmlHttp.responseText, file_name, "text/plain");
                        }
                    }
                }
            }

    download.js:

    //download.js v3.0, by dandavis; 2008-2014. [CCBY2] see http://danml.com/download.html for tests/usage
    // v1 landed a FF+Chrome compat way of downloading strings to local un-named files, upgraded to use a hidden frame and optional mime
    // v2 added named files via a[download], msSaveBlob, IE (10+) support, and window.URL support for larger+faster saves than dataURLs
    // v3 added dataURL and Blob Input, bind-toggle arity, and legacy dataURL fallback was improved with force-download mime and base64 support
    
    // data can be a string, Blob, File, or dataURL
    
             
                             
                             
    function download(data, strFileName, strMimeType) {
        
        var self = window, // this script is only for browsers anyway...
            u = "application/octet-stream", // this default mime also triggers iframe downloads
            m = strMimeType || u, 
            x = data,
            D = document,
            a = D.createElement("a"),
            z = function(a){return String(a);},
            
            
            B = self.Blob || self.MozBlob || self.WebKitBlob || z,
            BB = self.MSBlobBuilder || self.WebKitBlobBuilder || self.BlobBuilder,
            fn = strFileName || "download",
            blob, 
            b,
            ua,
            fr;
    
        //if(typeof B.bind === 'function' ){ B=B.bind(self); }
        
        if(String(this)==="true"){ //reverse arguments, allowing download.bind(true, "text/xml", "export.xml") to act as a callback
            x=[x, m];
            m=x[0];
            x=x[1]; 
        }
        
        
        
        //go ahead and download dataURLs right away
        if(String(x).match(/^data:[w+-]+/[w+-]+[,;]/)){
            return navigator.msSaveBlob ?  // IE10 can't do a[download], only Blobs:
                navigator.msSaveBlob(d2b(x), fn) : 
                saver(x) ; // everyone else can save dataURLs un-processed
        }//end if dataURL passed?
        
        try{
        
            blob = x instanceof B ? 
                x : 
                new B([x], {type: m}) ;
        }catch(y){
            if(BB){
                b = new BB();
                b.append([x]);
                blob = b.getBlob(m); // the blob
            }
            
        }
        
        
        
        function d2b(u) {
            var p= u.split(/[:;,]/),
            t= p[1],
            dec= p[2] == "base64" ? atob : decodeURIComponent,
            bin= dec(p.pop()),
            mx= bin.length,
            i= 0,
            uia= new Uint8Array(mx);
    
            for(i;i<mx;++i) uia[i]= bin.charCodeAt(i);
    
            return new B([uia], {type: t});
         }
          
        function saver(url, winMode){
            
            
            if ('download' in a) { //html5 A[download]             
                a.href = url;
                a.setAttribute("download", fn);
                a.innerHTML = "downloading...";
                D.body.appendChild(a);
                setTimeout(function() {
                    a.click();
                    D.body.removeChild(a);
                    if(winMode===true){setTimeout(function(){ self.URL.revokeObjectURL(a.href);}, 250 );}
                }, 66);
                return true;
            }
            
            //do iframe dataURL download (old ch+FF):
            var f = D.createElement("iframe");
            D.body.appendChild(f);
            if(!winMode){ // force a mime that will download:
                url="data:"+url.replace(/^data:([w/-+]+)/, u);
            }
             
        
            f.src = url;
            setTimeout(function(){ D.body.removeChild(f); }, 333);
            
        }//end saver 
            
    
        if (navigator.msSaveBlob) { // IE10+ : (has Blob, but not a[download] or URL)
            return navigator.msSaveBlob(blob, fn);
        }     
        
        if(self.URL){ // simple fast and modern way using Blob and URL:
            saver(self.URL.createObjectURL(blob), true);
        }else{
            // handle non-Blob()+non-URL browsers:
            if(typeof blob === "string" || blob.constructor===z ){
                try{
                    return saver( "data:" +  m   + ";base64,"  +  self.btoa(blob)  ); 
                }catch(y){
                    return saver( "data:" +  m   + "," + encodeURIComponent(blob)  ); 
                }
            }
            
            // Blob but not URL:
            fr=new FileReader();
            fr.onload=function(e){
                saver(this.result); 
            };
            fr.readAsDataURL(blob);
        }    
        return true;
    } /* end download() */
  • 相关阅读:
    家庭记账本_2
    家庭记账本_1
    安卓学习进度_25
    安卓软件学习进度_24
    对体温上报app的总结
    安卓软件学习进度_23
    安卓软件学习进度_22
    安卓开发
    安卓开发
    安卓开发
  • 原文地址:https://www.cnblogs.com/allen0118/p/12793501.html
Copyright © 2011-2022 走看看