How can JavaScript save to a local file

Question

There s already a solution for writing file JSON online but I want to save json file locally  I ve tried to use this example http   jsfiddle net RZBbY 10  It creates a link to download the file  using this call a attr  href    data application x-json base64     btoa t val     show    Is there a way to save the file locally instead of providing a downloadable link  There are other types of conversion beyond data application x-json base64   Here s my code    lt  DOCTYPE html gt   lt head gt        lt meta charset  utf-8  gt       lt title gt jQuery UI Sortable - Default functionality lt  title gt        lt link rel  stylesheet  href  http   jqueryui com themes base jquery ui all css  gt       lt script src  http   jqueryui com  jquery-1 7 2 js  gt  lt  script gt       lt script src  http   jqueryui com ui jquery ui core js  gt  lt  script gt       lt script src  http   jqueryui com ui jquery ui widget js  gt  lt  script gt       lt script src  http   jqueryui com ui jquery ui mouse js  gt  lt  script gt       lt script src  http   jqueryui com ui jquery ui sortable js  gt  lt  script gt           lt script src  http   jqueryui com ui jquery ui accordion js  gt  lt  script gt       lt link rel  stylesheet  href  http   jqueryui com demos demos css  gt               lt meta charset  utf-8  gt       lt style gt a   font  12px Arial  color   ac9095    lt  style gt   lt script type  text javascript  gt    document  ready function     var f      form    a      a        i      input    t      textarea         salva   click function         var o       v   t val         a hide     nasconde il contenuto     i each function          o this name      this  val            if  v                   t val    n     JSON stringify o       n                       else           t val v substr 0  v length - 3            t val t val        n     JSON stringify o        n                         esporta   bind  click   function         a attr  href    data application x-json base64     btoa t val     show          lt  script gt   lt  head gt   lt body gt       lt form gt           lt label gt Nome lt  label gt   lt input type  text  name  nome  gt  lt br   gt           lt label gt Cognome lt  label gt   lt input type  text  name  cognome  gt           lt button type  button  id  salva  gt Salva lt  button gt       lt  form gt                lt textarea rows  10  cols  60  gt  lt  textarea gt  lt br   gt       lt button type  button  id  esporta  gt Esporta dati lt  button gt       lt a href    style  display  none  gt Scarica Dati lt  a gt   lt  body gt   lt  html gt

User · Answer

So  your real question is   How can JavaScript save to a local file    Take a look at http   www tiddlywiki com   They save their HTML page locally after you have  changed  it internally     UPDATE 2016 01 31    TiddlyWiki original version saved directly   It was quite nice  and saved to a configurable backup directory with the timestamp as part of the backup filename   TiddlyWiki current version just downloads it as any file download   You need to do your own backup management        END OF UPDATE  The trick is  you have to open the page as file    not as http    to be able to save locally   The security on your browser will not let you save to  someone else s  local system  only to your own  and even then it isn t trivial   -Jesse

User · Answer

It all depends on what you are trying to achieve with  saving locally   Do you want to allow the user to download the file  then  lt a download gt  is the way to go  Do you want to save it locally  so you can restore your application state  Then you might want to look into the various options of WebStorage  Specifically localStorage or IndexedDB  The FilesystemAPI allows you to create local virtual file systems you can store arbitrary data in

User · Answer

While most despise Flash  it is a viable option for providing  save  and  save as  functionality in your html javascript environment    I ve created a widget called  OpenSave  that provides this functionality available here   http   www gieson com Library projects utilities opensave   -mike

User · Answer

You should check the download attribute and the window URL method because the download attribute doesn t seem to like data URI  This example by Google is pretty much what you are trying to do

User · Answer

Based on http   html5-demos appspot com static a download html   var fileContent    My epic novel that I don t want to lose    var bb   new Blob  fileContent      type   text plain      var a   document createElement  a    a download    download txt   a href   window URL createObjectURL bb   a click      Modified the original fiddle  http   jsfiddle net 9av2mfjx

User · Answer

It is not possible to save file locally without involving the local client  browser machine   as I could be a great threat to client machine  You can use link to download that file  If you want to store something like Json data on local machine you can use LocalStorage provided by the browsers  Web Storage

User · Answer

If you are using FireFox you can use the File HandleAPI  https   developer mozilla org en-US docs Web API File Handle API  I had just tested it out and it works

[javascript] How can JavaScript save to a local file?

Examples related to javascript

Examples related to jquery

Examples related to json

Examples related to jsonp