Javascript ::导出到文本文件 [英] Javascript:: export to text file
问题描述
<!DOCTYPE html>
<html>
<head>
<title> </title>
<meta charset=utf-8>
</head>
<body>
<table>
<tr>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
<tr>
<td>Line #1</td>
<td>SLTD</td>
<td>32</td>
</tr>
<tr>
<td>Line #2</td>
<td>MKTD</td>
<td>68</td>
</tr>
<tr>
<td>Line #3</td>
<td>LRTD</td>
<td>55</td>
</tr>
<tr>
<td>Line #4</td>
<td>HAD</td>
<td>47</td>
</tr>
</table>
<button>Export to text file</button>
<script>
var theFirstChilds = document.querySelectorAll('table tr td:first-of-type'), text, i;
text = "";
for (i = 0; i < theFirstChilds.length; ++i) {
text = text + theFirstChilds[i].innerText;
}
console.log(text);
var button = document.getElementsByTagName("button")[0];
button.addEventListener("click", function() {
//alert("I want to export the variable text [console.log(text)] to text file");
});
</script>
</body>
</html>
一切正常...剩下的唯一事情就是将其导出到文本文件中...
Everything is working properly... The only thing that left is to export it to a text file...
现在...可变文本中的所有内容都将保存到文本文件中...
iow... everything in the variable text would be saved to text file...
单行解决方案将是完美的:)
Single line solution would be perfect :)
谢谢！
推荐答案
一种方法是:
var saveData = (function () {
var a = document.createElement("a");
document.body.appendChild(a);
a.style = "display: none";
return function (data, fileName) {
var json = JSON.stringify(data),
blob = new Blob([json], {type: "octet/stream"}),
url = window.URL.createObjectURL(blob);
a.href = url;
a.download = fileName;
a.click();
window.URL.revokeObjectURL(url);
};
}());
var data = { x: 42, s: "hello, world", d: new Date() },
fileName = "my-download.json";
saveData(data, fileName);
另一种方法是使用下载元素
another would be to use download element
var download = document.getElementById('download');
download.setAttribute('href', 'data:text/csv;charset=utf-8,' + encodeURIComponent(VALUE));
download.setAttribute('download', 'filename.csv');
但是在浏览器兼容性方面也存在其他方式.
but there are other ways too with difference in browser compatibility.
- How to export JavaScript array info to csv (on client side)?
- JavaScript: Create and save file
制造图书馆，而不是战争. FileSaver.js 在本身不支持它的浏览器中实现了saveAs()FileSaver接口.
Make libraries, not the war. FileSaver.js implements the saveAs() FileSaver interface in browsers that do not natively support it.
如果您需要保存更大的大型文件，那么Blob的大小限制或没有足够的RAM，请查看更高级的
If you need to save really large files bigger then the blob's size limitation or don't have enough RAM, then have a look at the more advanced StreamSaver.js that can save data directly to the hard drive asynchronously with the power of the new streams API. That will have support for progress, cancelation and knowing when it's done writing.
以下代码段允许您生成文件(具有任何扩展名)并下载它，而无需联系任何服务器:
The following snippet allow you to generate a file (with any extension) and download it without contact any server :
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);
这篇关于Javascript ::导出到文本文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
