Come far visualizzare a un browser un "Salva come finestra di dialogo" in modo che l'utente possa salvare il contenuto di una stringa in un file sul proprio sistema?

Question

Come posso fare in modo che un browser visualizzi un "Salva come finestra di dialogo" in modo che l'utente possa salvare il contenuto di una stringa in un file sul proprio sistema?

Ad esempio:

var myString = "my string with some stuff"; 
save_to_filesystem(myString,"myString.txt"); 

Con conseguente qualcosa di simile:

Answer 1

Nel caso qualcuno si chiede ancora ...

ho fatto in questo modo:

<a href="data:application/xml;charset=utf-8,your code here" download="filename.html">Save</a>

non ricordo la mia fonte, ma utilizza le seguenti tecniche \ caratteristiche:

1. attributo HTML5 scaricare
2. di Uri dati

Trovato il riferimento:

http://paxcel.net/blog/savedownload-file-using-html5-javascript-the-download-attribute-2/

---

EDIT: Come è possibile raccogliere dai commenti questo fa NON lavoro

1. Internet Explorer (opere in V13 Bordo però)
2. Safari
3. iOS Safari
4. Opera Mini
5. Browser Android (4.3 e inferiore)

http://caniuse.com/#feat=download

Answer 2

Utilizzando execComand:

<input type="button" name="save" value="Save" onclick="javascript:document.execCommand('SaveAs','true','your_file.txt')"> 

Nel link seguente: execCommand

Answer 3

V'è una libreria javascript per questo, vedere

Tuttavia il saveAs() funzione non invierà stringa di puro al browser, è necessario convertirlo in blob:

function data2blob(data, isBase64) { 
    var chars = ""; 

    if (isBase64) 
    chars = atob(data); 
    else 
    chars = data; 

    var bytes = new Array(chars.length); 
    for (var i = 0; i < chars.length; i++) { 
    bytes[i] = chars.charCodeAt(i); 
    } 

    var blob = new Blob([new Uint8Array(bytes)]); 
    return blob; 
} 

e quindi chiamare saveAs sul blob, come come:

var myString = "my string with some stuff"; 
saveAs(data2blob(myString), "myString.txt"); 

Naturalmente ricordi comprendere la suddetta libreria javascript nella tua pagina web utilizzando <script src=FileSaver.js>

Answer 4

questo è possibile utilizzare questo cross browser javascript implementazione della funzione HTML5 saveAs: https://github.com/koffsyrup/FileSaver.js

Se tutto ciò che si vuole fare è salvare il testo, lo script sopra funziona in tutti i browser (comprese tutte le versioni di IE), usando nient'altro che JS.