Изображение на клик скачать изображение javascript / jquery

Question

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

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

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

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

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

Answer 1

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

Содержание-Диспозиция: вложение; имя файла = "image.jpg";

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

Надеюсь, это поможет вам

Answer 2

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

Рабочая демоверсия: http://jsfiddle.net/K3Jkf/2/

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