zoukankan      html  css  js  c++  java
  • js生成txt文件

    转自使用js生成文件并下载

    自己实现下载函数

    下面的简单函数允许您直接在浏览器中生成文件,而无需接触任何服务器。它适用于所有HTML5就绪的浏览器,因为它使用了a标签的下载属性:

    function download(filename, text) {
      var element = document.createElement('a');
      element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
      element.setAttribute('download', filename);
    
      element.style.display = 'none';
      document.body.appendChild(element);
    
      element.click();
    
      document.body.removeChild(element);
    }
    
    //调用download("hello.txt","This is the content of my file :)");即可
    

    使用库

    创建库,FileSaver.js在不支持saveAs()的FileSaver接口的浏览器中实现它。如果您需要保存更大的文件,或者BLOB的大小限制,或者没有足够的内存,那么请看一看更高级的StreamSaver.js,它可以使用新的StreamsAPI的强大功能将数据直接异步保存到硬盘中。同时支持进度查看,取消和何时完成。
    下面的代码段允许您生成一个文件(具有任何扩展名)并下载它,而无需链接任何服务器:

    var content = "What's up , hello world";
    // any kind of extension (.txt,.cpp,.cs,.bat)
    var filename = "hello.txt";
    
    var blob = new Blob([content], {
     type: "text/plain;charset=utf-8"
    });
    
    saveAs(blob, filename);
    
  • 相关阅读:
    概念辨析:Spring中@AutoWired和@Bean的区别
    打牢基础知识,避免采坑
    golang服务端编程
    如何避免写bug的一些实例和技巧
    常见数学问题的解题思路
    App开发需要了解的基本技术
    vue项目webpack打包
    vue项目中使用lottie动画
    js函数-参数默认值
    powershell操作excel
  • 原文地址:https://www.cnblogs.com/selfdef/p/12783788.html
Copyright © 2011-2022 走看看