проверить, существует ли файл в javascript?

Question

Мне нужно отображать автоматически созданные изображения из папки в html.

Как я могу проверить, существует ли файл в javascript/jquery, поэтому я могу сделать цикл for и показать их все. они будут пронумерованы 1.jpg, 2.jpg и так далее.

Answer 1

Вы можете, вероятно, огонь запрос и проверить код состояния HTTP (404 для не существует;))

Answer 2

Если Вам не нравится Аякса и проверки метода состояния HTTP, есть способ HTML-DOM для сделай это.

Если вы поместили новый узел img и добавили onload - он будет срабатывать только при загрузке изображения.

в JQuery:

var there=$('get where You want to put it'); 

$('<img />').attr('src',image_link).bind('load',function(){ 
do whatever You need to do if image loads 
}).appendTo(there); 

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

веселит;)

Answer 3

Я думаю, что вы можете использовать OnError событие IMG тега.
Он будет запущен, если img не загружен должным образом.

В этом случае вы можете удалить это (они) img и остановить цикл.