JS сохранение изображения по кнопке

Станислав
На сайте с 27.12.2009
Offline
258
2054

Можно ли такое реализовать?

Есть кнопочка с id="download"

и есть картинка заключенная в див

<div class="images"><img src="картинка" /></div>

Как сделать так, чтобы при клике по кнопке, картинка сохранялась

Мы там, где рады нас видеть.
дани мапов
На сайте с 06.09.2012
Offline
204
#1

Конечно можно. Если нужно сохранять без перезагрузки страницы: с помощью аякса передаем адрес картинки в файл, где она будет загружать ее, используя например, CURL

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
uberchel
На сайте с 16.01.2010
Offline
70
#2

JS

<script type="text/javascript">
var div = document.getElementsByTagName('div');
for (var i=0; i<div.length; i++) {
if (div.className == 'images') {
if(div.addEventListenner) {
div.addEventListenner('click', function () {
document.location.herf = '/download.php?file=' + div.getElementsByTagNAme('img')[0].src;
}, false);
}
}
}
</script>

PHP

<?
if(isset($_GET['file'])) {
$img = trim(strip_tags($_GET['file']));
header('Content-Type: image/png;');
header("Content-Disposition: attachment; filename=" .$img. ";");
readfile($img);
exit();
}
?>
Станислав
На сайте с 27.12.2009
Offline
258
#3

понятно, т.е. нужно будет передать адрес картинки в файл, а в файле отдать заголовок

спс

uberchel
На сайте с 16.01.2010
Offline
70
#4

незачто, рад помочь )

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий