zoukankan      html  css  js  c++  java
  • js 实现文件导出、文件下载

    1、通过创建a标签,实现下载功能

    function downLoad(content,fileName){
            var aEle = document.createElement("a");// 创建a标签
            // blob = new Blob([content]); 
            aEle.download = fileName;// 设置下载文件的文件名
            //aEle.href = URL.createObjectUrl(blob);
            aEle.href = content;// content为后台返回的下载地址
            aEle.click();// 设置点击事件
    
    }
    let URL ='XXXX' //下载地址
    downLoad(URL ,'test.xlxs')

    如果content 非下载地址,而是下载的内容。实现代码微调下即可。

    function downLoad(content,fileName){
            var aEle = document.createElement("a");// 创建a标签
            blob = new Blob([content]); 
            aEle.download = fileName;// 设置下载文件的文件名
            aEle.href = URL.createObjectUrl(blob);
            aEle.click();// 设置点击事件
    
    }
    downLoad('下载内容123123','test.txt')

    2、通过H5 的 download方法

    function downFile(content, filename) {
        var ele = document.createElement('a');// 创建下载链接
        ele.download = filename;//设置下载的名称
        ele.style.display = 'none';// 隐藏的可下载链接
        // 字符内容转变成blob地址
        var blob = new Blob([content]);
        ele.href = URL.createObjectURL(blob);
        // 绑定点击时间
        document.body.appendChild(ele);
        ele.click();
        // 然后移除
        document.body.removeChild(ele);
    };

     参考地址:https://www.zhangxinxu.com/wordpress/2017/07/js-text-string-download-as-html-json-file/

  • 相关阅读:
    ajax提交Form
    MySQL新建用户,授权,删除用户,修改密码总结
    php 数组操作类(整合 给意见)
    PHP基于数组的分页函数(核心函数array_slice())
    php生成table表格
    百度地图定位
    python-redis-订阅和发布
    宿主机-免密登录Docker容器
    docker-文件系统出错处理
    python-redis集合模式
  • 原文地址:https://www.cnblogs.com/phermis/p/11393144.html
Copyright © 2011-2022 走看看