¿Puedo guardar datos en archivos CSV o XML sin conexión en el lado del cliente a través de HTML5?HTML 5 almacenamiento local
Respuesta
El almacenamiento sin conexión es un almacenamiento interno. No está destinado a exportar algunos archivos a un formato específico/carpeta específica en el disco.
Puede usar localstorage, pero eso solo le permite almacenar algo en el almacenamiento interno de los navegadores (no puede decidir dónde y cómo escribir datos).
También hay una API de archivos, pero es en sus primeras etapas y, por ahora, no permite almacenar archivos de forma arbitraria en el cliente:
La web almacena los datos de la API de almacenamiento como par [clave, valor] donde ambas claves, el valor son Cadenas.
Por lo que los datos en cualquier formato deben cumplir con este mecanismo para el almacenamiento local. Así, por ejemplo, si tiene un objeto JSON como:
{
name:'John',
gender:'male'
}
Puede almacenarlo (a través de JavaScript) después de pasar como una cadena como:
localStorage.setItem("myObj","{name:'John',gender:'male'}");
Para objetos JSON, utilice JSON. stringify() para convertirlos a cadenas y use JSON.parse() para volver a leerlos.
Se puede guardar y exportar como CSV así ... http://joshualay.net/examples/StamPad/StamPad.html
Digamos que usted ha creado matriz u objeto en esta manera.
var arrayOrObject = [{obj1:{name:John, age:16}},{obj2:{name:Jane, age:17}}];
Puede guardar esta información en dispositivos locales utilizando localStorage.
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
}
}
}
para obtener los datos en la matriz o estructura objeto:
var getStoredArrayOrObject = JSON.parse(localStorage.getItem('storedArrayOrObject'));`
para eliminar los datos localStorage:
localStorage.removeItem('storedArrayOrObject');
no recomiendan esto, pero disponibles:
localStorage.clear();
- 1. (HTML 5) ¿Cuánto es demasiado almacenamiento local?
- 2. Plugin JQuery para html 5 de almacenamiento local?
- 3. Espacio de nombres HTML 5 claves de almacenamiento local
- 4. Android 4.0.1 rompe el almacenamiento local de WebView HTML 5?
- 5. HTML 5 File API
- 6. local Almacenamiento y bloqueo
- 7. Enhebrar almacenamiento local
- 8. Almacenamiento local y JSON
- 9. almacenamiento local y almacenamiento de sesión
- 10. ¿Cómo puedo obtener una lista de los elementos almacenados en el almacenamiento local html 5 desde javascript?
- 11. Datos predeterminados de almacenamiento de la base de datos local
- 12. Implementaciones de referencia HTML 5
- 13. Velocidad/costo de almacenamiento local
- 14. Almacenamiento Thread-Local y iOS
- 15. Almacenamiento local HTML5 y Chrome
- 16. Almacenamiento local HTML5 no persistente
- 17. Response.redirect mata el almacenamiento local?
- 18. Doctype, HTML 5
- 19. Aprendiendo HTML 5
- 20. Html 5 wysiwyg designer
- 21. HTML 5 - Cosas furtivas
- 22. HTML 5 Validación W3C
- 23. Comprueba si html 5 shim está cargado
- 24. HTML 5/QuickTime almacenamiento en caché de audio en Safari en iOS
- 25. Porcentaje Altura HTML 5/CSS
- 26. Html 5 Carga de archivos
- 27. ¿Cómo puedo usar HTML 5?
- 28. HTML 5 Doctype causando peculiaridad?
- 29. HTML 5 geolocalización usando phoneGap
- 30. HTML 5 Audio Current Position