javascript - PHP加载后删除img

Question

我有以下代码:

<?php
    $dir_handle = 'assets/splashs/';
    foreach(array_diff(scandir($dir_handle), array('.', '..')) as $file) {
        echo '<img id="preload_header" src="assets/splashs/' . $file . '" /><br />';
    }
?>

我想知道是否可以检查图像是否已成功加载，如果是，则删除图像并继续下一个？

我的启动文件夹中有超过 600 张图像，我不希望 600 张图像只是放在一边，但我希望在我在其他地方调用它们时预加载它们。

load image => successfully loaded => remove and onto next image
           => unsuccessfully loaded => remove image and stop

感谢您提前提供的任何帮助。

Answer 1

这是预加载图像的方式:

<script type="text/javascript">
if (document.images) {
    img1 = new Image();
    img1.src = "image.jpg";
}
</script>

因此，您不需要加载并显示图像 ( <img src="...."> )，而是使用 JavaScript 将它们加载到浏览器中，这样您就不必在事后“删除图像”，因为它们永远不会显示。

可以将 ofc 与 foreach 结合使用:

<script type="text/javascript">
if (document.images) {
    <?php
    $i = 0;
    foreach(array_diff(scandir($dir_handle), array('.', '..')) as $file) {
        echo 'img' . $i . ' = new Image();' . PHP_EOL;
        echo 'img' . $i . '.src = "' . $file . '";' . PHP_EOL;
        $i++;
    }
    ?>
}
</script>