检查javascript中是否存在文件？

Question

我必须在html中显示文件夹中自动生成的图像。

如何检查javascript / jquery中是否存在文件，这样我就可以进行for循环并显示所有文件。它们将被编号为1.jpg，2.jpg等。

Answer 1

您可以触发请求并检查HTTP状态代码（404表示不存在;））

Answer 2

如果您不喜欢ajax并检查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

我认为你可以使用img标签的onerror事件。
如果没有正确加载img，它将被触发。

在这个事件中你可以删除这个（这些）img并停止循环。