大佬教程收集整理的这篇文章主要介绍了如何在JavaScript中克隆图像？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
任何人如何在旧版浏览器中如何做到这一点？
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方法将使用加载的映像.
var sourceImage = document.createElement('img'),imgContainer = document.getElementById("content");
sourceImage.src = "[some img url]";
imgContainer.appendChild(sourceImage);
function cloneImg(){
imgContainer.appendChild(sourceImage.cloneNode(true));
}
这一切都很漂亮,所以它应该运行在IE6(我没有,所以不能测试).
See it in action
此外,您可能需要检查IE6浏览器的缓存设置.我记得从IE 8的时候开始,我有时还是要把缓存设置为刷新“每次你加载页面”(或者类似的一样).
以上是大佬教程为你收集整理的如何在JavaScript中克隆图像？全部内容，希望文章能够帮你解决如何在JavaScript中克隆图像？所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。