zoukankan      html  css  js  c++  java
  • js实现前端下载文件

    在前端下载文本格式的文件时,可采用下面的方式:

    (1)创建基于文件内容的Blob对象;

    (2)通过URL上的createObjectURL方法,将blob对象转换成一个能被浏览器解析的文件地址。

    (3)将上述的文件地址指向a标签的href,并设置a标签的download属性为要保存成的文件名。

    (4)点击a标签,即可下载对应的文件。

    //下载文件
        _download:function (filename,content){
        var blob = new Blob([content], {type: 'text'}); 
            var a =document.getElementById('downloadFtsetBtn');
            if(a==undefined){
                a=document.createElement('a');
                a.id='downloadFtsetBtn';
                a.style.display='none';
                a.target='_blank';  
                document.body.appendChild(a);
            }
            try{
                var URL=window.URL || window.webkitURL;
                a.href=URL.createObjectURL(blob);
                a.download = filename;  
                if (typeof navigator.msSaveBlob == "function"){  //IE
                    navigator.msSaveBlob(blob,filename);
               }
    a.click();

    catch(e){

    }

    }
  • 相关阅读:
    总结html5
    css加载方式link和@import的区别!
    JavaScript
    log4j log for java
    异常
    内部类
    抽象类和接口,封装、继承、多态
    类和对象
    html 基础知识
    html表单
  • 原文地址:https://www.cnblogs.com/lydialee/p/5227772.html
Copyright © 2011-2022 走看看