HTML 5 локальное хранилище

Question

Могу ли я сохранять данные в файлы CSV или XML в автономном режиме на стороне клиента через HTML5?

Answer 1

Автономное хранилище - это внутреннее хранилище. Он не предназначен для экспорта некоторых файлов в определенный формат / определенную папку на диске.

Answer 2

API веб-хранилища хранит данные в виде пары [ключ, значение], где оба ключа, значения являются строками.

Таким образом, данные в любом формате должны придерживаться этого механизма для локального хранения. Например, если у вас есть объект JSON, например:

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

Вы можете сохранить его (через JavaScript) после передачи в виде строки, подобной:

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

Для объектов JSON используйте JSON.stringify () , чтобы преобразовать их в строки, и используйте JSON.parse () , чтобы прочитать их обратно.

Answer 3

Вы можете использовать localstorage, но это позволяет вам только хранить что-то во внутреннем хранилище браузера (вы не можете решить, куда и как записывать данные).

Есть и File API, но он оченьранние этапы и на данный момент не позволяют произвольно хранить файлы на клиенте:

HTML 5 File API

Answer 4

Допустим, вы создали массив или объект, подобный этому.

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

Вы можете сохранить эти данные на локальных устройствах с помощью 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
        }
    }
}

Чтобы получить данные в массиве или структуре объекта:

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

Toудалить данные localStorage:

 localStorage.removeItem('storedArrayOrObject');

Не рекомендуется, но доступно:

 localStorage.clear();

Answer 5

Вы можете сохранить и экспортировать как CSV, как это ... http://joshualay.net/examples/StamPad/StamPad.html