Как сохранить изображения средствами JS или jQuery?

Question

[kamwork]

Собственно проблема. С сервера приходит ответ в виде URL ссылки на изображение, как его автоматически можно начать скачивать?

Я пробую https://github.com/PixelsCommander/Download-File-JS в хроме работает в опере работает в а ФФ и IE открывает в этом же окне загружая картинку.

Буду рад услышать варианты.

-----------------------------

Решение оказалось простым, поместить в папку с карптинками .htaccess с кодом:

<FilesMatch "\.(jpg|png)$">
    Header set Content-Disposition attachment
</FilesMatch>

Ниже есть рабочее решение на PHP, может кому пригодится :)

Comments

[Андрей Галкин]

с сайта примера ссылка на который указана в описании на гитхабе

Do not forget to set Content-disposition headers in order to work properly in IE and FF.
"Easiest way to configure headers via Apache is to set Header set Content-Disposition "attachment" for files you want to be downloaded."

Не забудте установить Content-disposition заголовки для правильной работы в IE и FF.
Простейший путь установить правильные заголовки через apache это установить Content-Disposition "attachment" для файлов которые вы хотите чтобы были скачиваемыми.

So .htaccess can look like:
.htaccess может выглядеть следующим образом:

Поставить нужные расширения фалов для скачивания.

Header set Content-Disposition attachment

А дергать php для отдачи файлов не то что не вариант, а за такое надо по пальцам палкой бить =).

[kamwork]

Андрей Галкин: я так и не допер как верно его настроить. он ругался на меня :)

[kamwork]

Собственно уже понял. Данный .htaccess нужно поместить в папку с картинками.. вечером мой мозг откзывался эту очевидную вещь понять :)

Answer 1

[Дмитрий]

Через location как раз и пробует автор наверняка, потому что как еще в JS? А работает по разному, потому что одни браузеры понимают что это картинка и просто ее показывают, а другие как файл предлагают. В виде решения можно выдавать не прямую ссылку на картинку, а на скрипт php, который читает файл и выдает его с заголовком content-disposition: attachment и нужным именем файла.

Comments

[kamwork]

Я пробывал через header в php но что-то ему не нравилось

[Дмитрий]

kamwork: приведите пример заголовков. Там же надо еще правильно тип данных передать, желательно размер контента

[Дмитрий]

По идее надо как-то так

header("Cache-Control: must-revalidate, post-check=0, pre-check=0");
header('Content-Description: File Transfer');
header("Content-type: image/jpeg");
header("Content-Disposition: attachment; filename=your_image.jpg");
header("Expires: 0");
header("Pragma: public");

readfile($image_file);

[kamwork]

header('Content-type: application/png');
header('Content-Disposition: attachment; filename="image.png"');
как то так делал. но уже потер

[kamwork]

Дмитрий: так работает :) спасибо. Если не найду под JS решение, буду это внедрять

Answer 2

[Александр Таратин]

jsfiddle.net/QW01_01/cy6omcgu

Comments

[kamwork]

Та же проблема. В ФФ не работает

[Ришат Кадыров]

Лайк за котенка.

[Дарт Вейдер]

А если мне надо скачать 3-4 картинки, то как будет выглядеть код?

[Vitaliy Jakim]

Дарт Вейдер,
если много картинок выделите код в функцию и циклом вызывайте функцию передавая разные url и разные названия файлов

Answer 3

[xmoonlight]

window.document.location(url);
(можно создать iframe "налету" и открыть в нем)