Проверьте наличие нескольких изображений в Javascript - PullRequest
0 голосов
/ 05 октября 2018

Этот код должен проверять наличие нескольких изображений на сервере;это работает хорошо ... но только для первого изображения;почему он не повторяет проверку 10 раз в соответствии с запросом цикла FOR?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <script>
   var img;
	var URL_BASE;
	var URL_DATE;
	var d;

function fnTest() {	
	d=new Date(localStorage.getItem("date"));
	console.log("D="+d);
	for (i=1; i<=10; i++); {
		URL_DATE = d.getFullYear() + 
						 ('0' + (d.getMonth()+1)).slice(-2)  +
						 ('0' + d.getDate()).slice(-2)+ 
						  ('0' + d.getHours()).slice(-2) +
						   ('0' + d.getMinutes()).slice(-2)
		console.log("URL_DATE="+URL_DATE);
		
		var URL_IMAGENAME = URL_DATE + ".jpg";
		img.src = URL_IMAGENAME;
		var d = new Date( d.getTime() - 1000 * 60 );
		console.log("NEW="+d);
	}
}

function initVars() {
console.log("initvars");  
   img = new Image();
   img.onload = ImageOk; 
   img.onerror = MissingImage;
	URL_BASE = "http://www.hayabusa2.jaxa.jp/en/galleries/onc/nav20181002/";
	URL_DATE;
	d = new Date("2018/10/04 23:59");
	console.log(localStorage.setItem("date",d));
	//document.addEventListener('btnTest', fnTest);
	console.log("OK:"+d);	
}

document.addEventListener('DOMContentLoaded', initVars);



function MissingImage() {
 	console.log("bad"); 
}

function ImageOk () {
	console.log("good"); 
}

  </script>
  </head>
  <body>
<button name="btnTest" id = "btnTest" onclick="fnTest()">Test</button>
  </body>
</html>

Я выполняю проверку, связывая функцию с событием «ошибка» на объекте изображения в качестве обходного пути к ограничениям безопасности межсайтового скриптинга.Код хорошо работает, если изображение существует или нет, но останавливается после первого изображения.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...