Arhn - архитектура программирования

Как сохранить изображение с помощью JavaScript?

Я работаю над расширением Chrome: когда вы перетаскиваете изображение, оно будет сохранено на вашем компьютере.
Я узнал, что в HTML5 есть FileWriter API, но действительно не могу найти ни одного примера, а Chrome поддержать это?


Ответы:


1

Нет, в HTML5 нет FileWriter API. Вероятно, вы имеете в виду API файлов, который позволяет вам читать файлы. А в Chrome даже расширения не могут записывать файлы из соображений безопасности. Поэтому, если вы не хотите связывать плагин NPAPI с вашим расширением (что вызовет огромное предупреждение при установке), все, что вы можете сделать, это вызвать сообщение о загрузке, которое пользователь может принять или нет. См. Кросс-браузерное сохранение как .txt для возможного подхода (Flash объекты, такие как Downloadify, являются другими).

Изменить: я ошибался, есть предложение API FileWriter. Однако до этого очень далеко.

24.06.2011

2

Я нашел это. http://www.html5rocks.com/en/tutorials/file/filesystem/ Вы можете найти несколько примеров.

Изменить Это скриншот из статьи. Я использую хром 12.0

://s3.amazonaws.com/twitpic/photos/full/329503613.png?AWSAccessKeyId=AKIAJF3XCCKACR3QDMOA&Expires=1308932374&Signature=DXBdFSjbNqaeJPr%2F0fSAqPWyh2E%3D

24.06.2011
  • Я вижу, по-видимому, есть предложение разрешить доступ для чтения/записи к частям пользовательского диска вопреки тому, что я сказал в своем ответе. Однако это предложение находится на ранних стадиях и может никогда не быть реализовано ни одним браузером (вопросы безопасности, похоже, все еще не решены). 24.06.2011
  • @Wladimir В статье говорится, что хром и мой браузер (хром) поддерживают все функции, используемые в этой статье. Я загружу снимок экрана. 24.06.2011

  • 3

    Я не думаю, что API FileWriter будет готов и готов к использованию в течение некоторого времени.

    Вы можете получить данные изображения в шестнадцатеричном формате, а затем использовать DataURI для «экспорта» их из браузера. Хотя это приводит к сохранению файла с таким именем, как «загрузка (1)». Кажется, что каждый браузер имеет разные ограничения размера для DataURI, и они невелики, хотя для изображения разумного размера они подходят.

    http://en.wikipedia.org/wiki/Data_URI_scheme

    В качестве альтернативы вы можете использовать Downloadify, чтобы сохранить его с правильным именем файла (требуется флэш-память и может быть сложно встроить в расширение Chrome).

    http://davidwalsh.name/downloadify

    26.06.2011
    Новые материалы

    Коллекции публикаций по глубокому обучению
    Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

    Представляем: Pepita
    Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

    Советы по коду Laravel #2
    1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

    Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
    Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

    3 способа решить квадратное уравнение (3-й мой любимый) -
    1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

    Создание VR-миров с A-Frame
    Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

    Демистификация рекурсии
    КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..