Я пытаюсь клонировать изображение в javascript, бутон без загрузки нового.
Обычно новые браузеры загружают изображение один раз, и есть несколько способов снова использовать это изображение.
Проблема в том, что когда я тестирую его в IE 6, изображение будет запрашивать новое изображение с сервера.
Кто-нибудь, как некоторая информация о том, как это сделать в старых браузерах?
3 метода, которые не работают:
<html>
<head>
<title>My Image Cloning</title>
<script type="text/javascript">
sourceImage = new Image();
sourceImage.src = "myImage.png";
function cloneImageA () {
imageA = new Image();
imageA.src = sourceImage.src;
document.getElementById("content").appendChild(imageA);
}
function cloneImageB () {
imageB = sourceImage.cloneNode(true);
document.getElementById("content").appendChild(imageB);
}
function cloneImageC()
{
var HTML = '<img src="' + sourceImage.src + '" alt="" />';
document.getElementById("content").innerHTML += HTML;
}
</script>
</head>
<body>
<div id="controle">
<button onclick="cloneImageA();">Clone method A</button>
<button onclick="cloneImageB();">Clone method B</button>
<button onclick="cloneImageC();">Clone method C</button>
</div>
<div id="content">
Images:<br>
</div>
</body>
Решение
Добавлены кеш-заголовки на стороне сервера с простым файлом .htaccess в каталоге изображений (ов):
/img/.htaccess
Header unset Pragma
Header set Cache-Control "public, max-age=3600, must-revalidate"
Все приведенные выше методы javascript будут использовать изображение, загруженное, если установлены заголовки кешей.