檢查文件是否存在於JavaScript中？

Question

我必須顯示HTML文件夾中的自動生成的圖像。

如何檢查文件是否存在於javascript/jquery中，以便我可以執行for-loop並將它們全部顯示出來。他們將被編號爲1.jpg，2.jpg等。

Answer 1

你或許可以觸發一個請求，並檢查HTTP狀態代碼（404爲不存在的;））

Answer 2

如果你不喜歡的Ajax和檢查HTTP狀態的方法，有一個HTML，DOM方式去做。

如果您放置一個新的img節點並添加onload - 只會在/ image加載時觸發。

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

我認爲你可以使用img標籤的onerror事件。
如果img未正確加載，它將被觸發。

在此事件中，您可以刪除此（這些）img並停止循環。