分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

js 数据导出为txt文件

发布时间:2023-09-06 02:17责任编辑:苏小强关键词:js

  今天要做一个数据下载到本地保存为txt文件,一开始网上找了很多例子,大部分都是用的ActiveXObject对象,但是粘贴到本地测试就报错,后来才发现这个只兼容IE。后来又搜索了半天才得到解决,现在我就把解决办法给大家分享一下。

  首先HTML结构使用最简单的结构:

       <textarea name="" id="text" cols="30" rows="10">这里输入的数据将保存为txt中</textarea>

       <button id="save" type="button">保存</button>

  然后JS:  

       document.querySelector(‘#save‘).addEventListener(‘click‘, saveFile);

       function fakeClick(obj) { 
         var ev = document.createEvent("MouseEvents");
?    ev.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
?    obj.dispatchEvent(ev);
  }

  function exportRaw(name, data) {
?    var urlObject = window.URL || window.webkitURL || window;
?    var export_blob = new Blob([data]);
?    var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
?    save_link.href = urlObject.createObjectURL(export_blob);
?    save_link.download = name;
?    fakeClick(save_link);
  }

  function saveFile(){
    var inValue  = document.querySelector(‘#text‘).value;
    exportRaw(‘test.txt‘, inValue);
  }

  这样就可以在点击保存后将textarea中输入的内容本地化为txt文件。

  2018-10-12 11:56  武汉。

js 数据导出为txt文件

原文地址:https://www.cnblogs.com/liuxiaohuan/p/9777371.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved