Откройте диалоговое окно «Сохранить изображение» с помощью jQuery / Javascript?

Question

Когда пользователь нажимает на изображение на веб-странице, я бы хотел вызвать диалоговое окно браузера Сохранить изображение и позволить пользователю сохранить изображение на своем жестком диске. Есть ли кросс-браузерный способ сделать это с помощью jQuery / Javascript?

Answer 1

Не совсем, но вы можете сделать это, установив гиперссылку на файл img и задав заголовки типа контента и расположения контента в ответе сервера. Попробуйте, например, application / x-download, плюс другие заголовки, указанные здесь .

Answer 2

Единственное, что мне приходит в голову, это document.execCommand («SaveAs») Internet Explorer, вы можете открыть окно или использовать скрытый iframe с URL вашего изображения, а затем вызвать его ...

Проверьте (с IE, конечно) этот пример Я сделал.

Answer 3

вы можете создать скрытое поле ввода файла и вызвать () это, когда вы нажимаете на изображение:

$('.yourImageClass').click(function(){
 $('.hiddenInputClass').trigger('click');
})

Answer 4

Интернет-магазин Google
Github

Я сделал расширение, которое делает что-то вроде этого, если кто-то здесь все еще заинтересован. Он использует XMLHTTPRequest для захвата объекта, который в этом случае считается изображением, затем создает для него ObjectURL, ссылку на этот ObjectUrl и нажимает на воображаемую ссылку.

В вашем случае вы можете просто изменить ondragend на onclick и выборочно добавить его к изображениям.

Answer 5

Я так не думаю - многие основные функции браузера (например, предварительный просмотр) недоступны для Javascript.