• js实现单文件以及多文件下载


    <script type="text/javascript">
    /**
    * Javascript 多文件下载
    * @author Barret Lee
    * @email barret.china@gmail.com
    */
    var Downer = (function(files){
    var h5Down = !/Trident|MSIE/.test(navigator.userAgent);

    /**
    * 在支持 download 属性的情况下使用该方法进行单个文件下载
    * @param {String} fileName
    * @param {String|FileObject} contentOrPath
    * @return {Null}
    */
    function downloadFile(fileName, contentOrPath){
    var aLink = document.createElement("a"),
    evt = document.createEvent("HTMLEvents"),
    isData = contentOrPath.slice(0, 5) === "data:",
    isPath = contentOrPath.lastIndexOf(".") > -1;

    // 初始化点击事件
    evt.initEvent("click",false,false);

    // 添加文件下载名
    aLink.download = fileName;

    // 如果是 path 或者 dataURL 直接赋值
    // 如果是 file 或者其他内容,使用 Blob 转换
    aLink.href = (isPath || isData) ? contentOrPath
    : URL.createObjectURL(new Blob([contentOrPath]));

    aLink.dispatchEvent(evt);
    }

    /**
    * [IEdownloadFile description]
    * @param {String} fileName
    * @param {String|FileObject} contentOrPath
    */
    function IEdownloadFile(fileName, contentOrPath, bool){
    var isImg = contentOrPath.slice(0, 10) === "data:image",
    ifr = document.createElement('iframe');

    ifr.style.display = 'none';
    ifr.src = contentOrPath;

    document.body.appendChild(ifr);

    // dataURL 的情况
    isImg && ifr.contentWindow.document.write("<img src='" +
    contentOrPath + "' />");

    // 保存页面 -> 保存文件
    // alert(ifr.contentWindow.document.body.innerHTML)
    if(bool){
    ifr.contentWindow.document.execCommand('SaveAs', false, fileName);
    document.body.removeChild(ifr);
    } else {
    setTimeout(function(){
    ifr.contentWindow.document.execCommand('SaveAs', false, fileName);
    document.body.removeChild(ifr);
    }, 0);
    }
    }

    /**
    * [parseURL description]
    * @param {String} str [description]
    * @return {String} [description]
    */
    function parseURL(str){
    return str.lastIndexOf("/") > -1 ? str.slice(str.lastIndexOf("/") + 1) : str;
    }

    return function(files){
    // 选择下载函数
    var downer = h5Down ? downloadFile : IEdownloadFile;

    // 判断类型,处理下载文件名
    if(files instanceof Array) {
    for(var i = 0, l = files.length; i < l ; i++)
    // bug 处理
    downer(parseURL(files[i]), files[i], true);
    } else if(typeof files === "string") {
    downer(parseURL(files), files);
    } else {
    // 对象
    for(var file in files) downer(file, files[file]);
    }
    }

    })();


    function down1(){
    Downer("http://115.28.175.148/test/files/12_12.xml");
    }

    function down2(){
    Downer(["../file/test.txt","../file/test.txt"]);
    }
    </script>

    <a href="javascript:" onclick="down1(); return false;">单文件下载</a>

    <a href="javascript:" onclick="down2(); return false;">多文件下载</a>

  • 相关阅读:
    重写MembershipProvider实现自己的身份验证
    重写MembershipProvider用于事务处理(一)
    ASP.NET 2.0中GridView无限层复杂表头的实现
    用好VS2005之扩展membership服务
    ASP.NET2.0角色控制和管理
    asp.net2.0自带的Provider源码下载
    ASP.NET2.0上传EXCEL文件到gridview中显示
    一次编辑GridView 的所有行
    重写MembershipProvider用于事务处理(二)
    创建表头固定,表体可滚动的GridView
  • 原文地址:https://www.cnblogs.com/lovedream/p/4088731.html
Copyright © 2020-2023  润新知