Есть картинки, после клика на картинку выполняется код:
var isAdmin = confirm("Скачать");
Как сделать чтобы, когда confirm
возвращает true
начиналось скачивание картинки на которую нажали?
$('img').on('click',function(e){
var isAdmin = confirm("Скачать");
if(isAdmin){
document.location.href = $(e.target).attr('src');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<img width="100" src="https://pbs.twimg.com/profile_images/378800000567859274/3d56eadbc1e389780a95c74189ebfa64.jpeg" />
<img width="100" src="https://shkolazhizni.ru/img/content/i133/133607_or.jpg" />
А дальше магия со стороны сервера (На примере PHP):
header('Content-Disposition: attachment; filename="123.jpg"');
Только, чтобы позволить пользователю загружать изображение или другой файл вы можете использовать HTML5 атрибут download
.
Можно эмулировать такую загрузку.
function saveUrlAsFile(url, fileName) {
var link = document.createElement("a");
link.setAttribute("href", url);
link.setAttribute("download", fileName);
link.click();
}
$('img').on('click',function(e){
var isAdmin = confirm("Скачать?");
if(isAdmin){
saveUrlAsFile($(e.target).attr('src'), 'image.jpg');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<img width="100" src="https://pbs.twimg.com/profile_images/378800000567859274/3d56eadbc1e389780a95c74189ebfa64.jpeg" />
<img width="100" src="https://shkolazhizni.ru/img/content/i133/133607_or.jpg" />
IE и Safari не поддерживаются
https://stackoverflow.com/questions/7951326/save-image-to-users-disk-using-javascript
Оборудование для ресторана: новинки профессиональной кухонной техники
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
Здравствуйте! На opencart установил модуль EC Slideshow (слайдер картинок)У этого слайдера есть стрелки для переключения слайдов(только вперед и назад),...
Здравствуйте! Есть блок у которого изначально есть внутренняя тень(inset)Так же внутри этого блока есть кнопка, которая скрыта с помощью класса
Друзья с помощью чего можно реализовать горизонтальную прокрутку как на этом сайте?