Screenshot определенной части экрана средствами html5

#jquery #canvas #javascript #html5

Здравствуйте, уважаемые.
Стоит такая задача:
Превратить содержимое div-блока в картинку и предложить пользователю скачать её.


    

    

    
    


    

        

            some text
        
    

    

    SAVE



Казалось бы, проблема решена. Но, изображение скачивается без расширения и даже без
имени. Есть ли какой-либо способ, не привлекая серверные технологии, дать имя скриншоту?    

Ответы

Ответ 1

http://htmlbook.ru/html/a/download
в 5 версии добавлен волшебный атрибут, но я думаю не все браузеры его потянут
SAVE


Ответ 2

Похоже, что без маленького серверного кода всё-таки не обойтись. C помощью javascript
мы не можем изменить заголовок Content-disposition, а это именно он задает поведение
браузера - отобразить или сохранить. Всё-таки придется добавить десяток строк (вот
PHP-пример), чтобы получить желаемое поведение.


Ответ 3

Альтернатива есть - флешем сохранять. Сервер при этом не нужен.

Исходники GitHub: Downloadify
Статья Downloadify: Client-Side File Generation Using JavaScript and Flash


Ответ 4

Смотрите, у вас картинка генерится "на лету" и транслируется в base64. Соответственно
вы получаете в toDataURL() не картинку, на всего лишь набор символов.