Say I have a javascript object that looks like this :
var data = {
name: "cliff",
age: "34"
}
var jsonData = JSON.stringify(data);
I stringify it to convert to JSON. How do I save this JSON to a local text file so I can open it, say, in Notepad etc.
Node.js:
var fs = require('fs');
fs.writeFile("test.txt", jsonData, function(err) {
if (err) {
console.log(err);
}
});
Browser (webapi):
function download(content, fileName, contentType) {
var a = document.createElement("a");
var file = new Blob([content], {type: contentType});
a.href = URL.createObjectURL(file);
a.download = fileName;
a.click();
}
download(jsonData, 'json.txt', 'text/plain');
[object Object] when I do this
[object Object].. I had to call JSON.stringify() first, and pass that value, rather than the object itself.
a.click(), we should call revokeObjectURL in order to let the browser know not to keep the reference to the file any longer: URL.revokeObjectURL(a.href). More info: developer.mozilla.org/en-US/docs/Web/API/URL/revokeObjectURL.It's my solution to save local data to txt file.
function export2txt() {
const originalData = {
members: [{
name: "cliff",
age: "34"
},
{
name: "ted",
age: "42"
},
{
name: "bob",
age: "12"
}
]
};
const a = document.createElement("a");
a.href = URL.createObjectURL(new Blob([JSON.stringify(originalData, null, 2)], {
type: "text/plain"
}));
a.setAttribute("download", "data.txt");
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}<button onclick="export2txt()">Export data to local txt file</button>
JSON.stringify(originalData, null, 2). Also naming the file "data.json" should be more appropriate if it is a json file.
type: "text/plain" to: type: "application/json"Here is a solution on pure js. You can do it with html5 saveAs. For example this lib could be helpful: https://github.com/eligrey/FileSaver.js
Look at the demo: http://eligrey.com/demos/FileSaver.js/
P.S. There is no information about json save, but you can do it changing file type to "application/json" and format to .json
import { saveAs } from 'file-saver'
let data = { a: 'aaa' , b: 'bbb' }
let blob = new Blob([JSON.stringify(data)], { type: 'application/json' })
saveAs(blob, 'export.json')
Took dabeng's solution and I have transcribed it as a class method.
class JavascriptDataDownloader {
constructor(data={}) {
this.data = data;
}
download (type_of = "text/plain", filename= "data.txt") {
let body = document.body;
const a = document.createElement("a");
a.href = URL.createObjectURL(new Blob([JSON.stringify(this.data, null, 2)], {
type: type_of
}));
a.setAttribute("download", filename);
body.appendChild(a);
a.click();
body.removeChild(a);
}
}
new JavascriptDataDownloader({"greetings": "Hello World"}).download();
