HTML 5 lokaler Speicher

Question

Kann ich Daten in CSV- oder XML-Dateien im Offline-Modus auf der Clientseite über HTML5 speichern?

Answer 1

Der Offline-Speicher ist ein interner Speicher. Es ist nicht beabsichtigt, einige Dateien in ein bestimmtes Format/spezifischen Ordner auf der Festplatte zu exportieren.

Answer 2

Sie können localstorage verwenden, aber das erlaubt Ihnen nur, etwas im internen Speicher des Browsers zu speichern (Sie können nicht entscheiden, wo und wie Sie Daten schreiben).

Es gibt auch ein File API, ist aber in einem sehr frühen Stadium, und von jetzt an, es nicht zulassen, Dateien auf dem Client willkürlich speichern:

HTML 5 File API

Answer 3

Die Web-Speicher-API speichern Daten als [Schlüssel, Wert] -Paar, wobei beide Schlüssel, Wert Strings sind.

Daten in einem beliebigen Format müssen diesem Mechanismus für den lokalen Speicher entsprechen. So zum Beispiel, wenn Sie ein JSON-Objekt wie haben:

{ 
    name:'John', 
    gender:'male' 
} 

Sie können es speichern (durch JavaScript), nachdem er als Zeichenfolge wie vorbei:

localStorage.setItem("myObj","{name:'John',gender:'male'}"); 

Für JSON-Objekte, verwenden JSON. stringify(), um sie in Zeichenfolgen zu konvertieren und JSON.parse() zu verwenden, um sie zurück zu lesen.

Answer 4

Sie könnten als csv wie diese speichern und exportieren ... http://joshualay.net/examples/StamPad/StamPad.html

Answer 5

Lassen Sie sagen, Sie Array oder ein Objekt wie dieses geschaffen haben.

var arrayOrObject = [{obj1:{name:John, age:16}},{obj2:{name:Jane, age:17}}]; 

Sie können diese Daten mithilfe von localStorage auf lokalen Geräten speichern.

if (typeof(localStorage) == 'undefined') { 
    alert('Your browser does not support HTML5 localStorage. Try upgrading.'); 
} 
else { 
    try {     
     localStorage.setItem("storedArrayOrObject", JSON.stringify(arrayOrObject)); 
          //saves to the database, “key”, “value”     
    } catch (e) { 
     if (e == QUOTA_EXCEEDED_ERR) { 
      alert('Quota exceeded!'); //data wasn’t successfully saved due to quota exceed so throw an error 
     } 
    } 
} 

Um die Daten in Array oder Objektstruktur zu erhalten:

var getStoredArrayOrObject = JSON.parse(localStorage.getItem('storedArrayOrObject'));` 

die localstorage Daten zu entfernen:

localStorage.clear(); 

:

localStorage.removeItem('storedArrayOrObject'); 

Sie diese aber nicht vorhanden empfehlen