Изображение onclick download image javascript/jquery

Question

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

http://www.thrombosisadviser.com/en/resources/image-library/index.php

После нажатия на уменьшенное изображение появится всплывающее с кнопкой загрузки, нажав на кнопку загрузки изображение будет загружена и готовы к экономии.

Я хочу сделать то же самое только в javascript/JQuery. Пожалуйста, помогите &.

Как всегда, спасибо всем заранее.

Answer 1

Невозможно скачать и сохранить изображение только с помощью javascript, вам также понадобятся скрипты на стороне сервера. Из javascript вы можете только инициировать запрос, и это сценарий на стороне сервера, который дает ожидаемый результат. Таким образом, чтобы загрузить изображение, вы можете инициировать запрос ajax, используя javascript, и на скрипте на стороне сервера вы установили HTTP-заголовок, как показано ниже, который инициирует диалоговое окно загрузки в браузере.

Content-Disposition: attachment; имя файла = "image.jpg";

Или иначе вы получите его как двоичный ответ с сервера. Что снова вы должны использовать javascript, чтобы записать его как файл на клиентском компьютере, что невозможно, так как это нарушение безопасности для записи файла через javascript.

Надеется, что это помогает вам

Answer 2

Для каждого изображения на экране создайте скрытый элемент div, который имеет большую версию изображения и кнопку загрузки. Когда нажимается соответствующее изображение, покажите правильный скрытый объект div.

Рабочая Демо: http://jsfiddle.net/K3Jkf/2/

Это лучше делать такого рода вещи с помощью AJAX (автономный PHP-страницы), но, как вы сказали, что предпочитают не делать этого.