localStorage и локальные файлы - PullRequest
1 голос
/ 05 августа 2011

Мы планируем создать сервис обработки изображений в HTML5.Одна из целей состоит в том, чтобы служба работала для анонимных пользователей.

  • Пользователь добавляет изображение (диалоговое окно открытия файла / перетаскивание)
  • Пользователь манипулирует изображением в браузере
  • Пользователь сохраняет результат

Теперь уловка в том, что браузер может уйти из-под нас в любой момент (пользователь существует, батарея ноутбука разряжена и т. Д.). Мы хотели быесть какое-то автосохранение здесь, которое записывает прогресс.Это означает отслеживание изображений, добавленных на страницу, предпочтительно в автономном режиме.

Вопрос в том, можем ли мы каким-то образом локально автоматически сохранять файлы и изображения, добавленные пользователем на странице, или мы вынуждены делатьпользователь повторно вводит все изображения, которые он / она добавил на страницу в страницу дела, необходимо перезагрузить?Есть ли у localStorage поддержка локальных файловых объектов или ссылок?

Ответы [ 2 ]

1 голос
/ 05 августа 2011
1 голос
/ 05 августа 2011

Да, вы можете реализовать функцию автосохранения.

Вы можете использовать HTML5 Canvas API, чтобы позволить пользователям манипулировать изображением в браузере. Затем вы можете использовать метод toDataURL для получения URL-адреса данных изображения. После этого вы можете сохранить его в хранилище. На данный момент мы можем сохранить только строки в локальном хранилище. Spec говорит, что объект может быть сохранен в localalstorage, но большинство браузеров не поддерживают его.

Метод setInterval может использоваться для периодического сохранения изображения.

...