我试图在服务器上生成一些图像,用javascript将它们存储到数组中并动态使用它们。
我通过以下代码段执行此操作:
imageArray = new Array();
for(var i=1; i<=51; i++){
imageArray[i] = new Image();
if(i<10){
imageArray[i].src = "<?php echo 'tmp/'.$_SESSION['token'].'/out';?>0" + i + ".bmp";
}else{
imageArray[i].src = "<?php echo 'tmp/'.$_SESSION['token'].'/out';?>" + i + ".bmp";
}
}
稍后我将它们作为背景图片加载到javascript中。
for (var i = -3; i <= 3; i++) {
var img = $('#imgdiv' + i).get(0);
if (imageArray[+i + +image0] != undefined) {
img.style.backgroundImage = 'url(' + imageArray[+i + +image0].src + ')';
} else {
img.style.backgroundImage = '';
}
}
这适用于firefox,但每次设置背景图片时都会在chrome中加载来自服务器的图像。
是否有其他方法可以存储它们,因为我想在页面加载后删除它们?