Save json string to client pc (using HTML5 API)

by

You can use a Blob and the HTML5 a[download] feature to provide a JSON backup download:

var data = {a:1, b:2, c:3};
var json = JSON.stringify(data);
var blob = new Blob([json], {type: "application/json"});
var url  = URL.createObjectURL(blob);

var a = document.createElement('a');
a.download    = "backup.json";
a.href        = url;
a.textContent = "Download backup.json";

Here is a jsfiddle example: http://jsfiddle.net/potatosalad/yuM2N/

More Related Contents:

  1. How do you read CSS rule values with JavaScript?
  2. jQuery Mobile: Markup Enhancement of dynamically added content
  3. HTML5 Local storage vs. Session storage
  4. Why is the value of my input always empty if I store it in a variable?
  5. How to prevent IFRAME from redirecting top-level window
  6. How to call a REST web service API from JavaScript?
  7. Javascript trick for ‘paste as plain text` in execCommand
  8. How do I make an HTML text box show a hint when empty?
  9. How to get number of rows in using JavaScript?
  10. Detecting WebP support
  11. How to read xml file contents in jQuery and display in html elements?
  12. jQuery click anywhere in the page except on 1 div
  13. How does facebook rewrite the source URL of a page in the browser address bar?
  14. FormData.append(“key”, “value”) is not working
  15. How to automatically allow blocked content in IE?
  16. Remove a FileList item from a multiple “input:file”
  17. Get list of all input objects using JavaScript, without accessing a form object
  18. JavaScript Loading Screen while page loads
  19. Cannot set property InnerHTML of null [duplicate]
  20. Angularjs does not load scripts within ng-view
  21. jQuery – Sticky header that shrinks when scrolling down
  22. window.getSelection() gives me the selected text, but I want the HTML
  23. Trigger a button click inside an iframe [duplicate]
  24. How to determine if user selected a file for file upload?
  25. Remove scrollbar but not scrolling functionality [duplicate]
  26. How can I get DPI from image in JS?
  27. How to make a button execute a php script?
  28. focus on next tabindex of HTML element onEnter keypress by JQuery
  29. How can I use Perl to grab text from a web page that is dynamically generated with JavaScript?
  30. Find and replace nth occurrence of [bracketed] expression in string

Leave a Comment