[問題] 判斷圖片是否存在 再開圖的語法

[Boner (薄皮嫩雞)]

沒有學過程式 自己試過了 還是寫不太出來 所以伸個手

假設目錄下有 http://127.0.0.1/0_88.jpg
             http://127.0.0.1/1_89.jpg
             http://127.0.0.1/2_93.jpg
             http://127.0.0.1/3_95.jpg
             http://127.0.0.1/4_96.jpg

我要把這五張圖片抓出來

應該是要用兩個迴圈處理 第一個從0開始 第二個從88開始

如果沒有抓到圖片 88就要往上加

我想的虛擬碼大概是這樣

url_a= "http://127.0.0.1/";
url_b=  88;

for (i=0 ; i<5 ; i++ ) {

 <img src= " url_a + i + / + url_b " onerror=" url_b++  && i-- " >

}


我是看到 <img>標籤有一個 onerror 可以用

但就不知道怎用運用到JavaScript上面

看了網路的範本 都弄失敗

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.252.8.218
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1540833003.A.8EF.html
推 oToToT: 寫個js迴圈ajax之類的方法檢查檔案存不存在，有就append到
→ oToToT: 網頁頁面上？感覺要枚舉一定的量用onerror不太方便
推 pkro12345: 給你一個方向 將圖片放進陣列中 用迴圈建立圖片的html
→ pkro12345: 判斷式為該陣列的length 最後再innerHTML進去DOM就好
※ 編輯: Boner (111.252.8.218), 10/30/2018 04:11:25

<?php

$url_a="127.0.0.1";
$url_b=88;

for ($i=0;$i<5;$i++){
         $url=$url_a.$i."_".$url_b.".jpg";
         if( @fopen( $url, "r" ) )
                echo "<img src=\"".$url."\"><BR>";
         else{
                $url_b++;
                $i--;
         }
}

?>
※ 編輯: Boner (111.252.8.218), 10/30/2018 04:50:03
推 vi000246: 用ajax判斷回傳的status 如果成功就insert到dom