403發出ajax請求時出現Forbidden錯誤

Question

我試圖通過從slider_images文件夾中提取所有圖像名稱並將其附加到動態地動態刪除滑塊圖像。

<script>
var dir = "images/slider_images";
var fileextension = ".jpg";
$.ajax({
url: dir,
type: "POST",
success: function (data) {
    $(data).find("a:contains(" + fileextension + ")").each(function () {

        var url = this.href;
        var filename = url.substring(url.lastIndexOf('/')+1);
          //alert(filename);
        $(".slides").append($("<li><img src=" + dir +"/"+ filename + "></img></li>"));
    });
}
});
</script>

Answer 1

最后我用json解決了這個問題。 首先，我創建getimages.php文件並讀取該文件中的目錄並獲取所有圖像名稱並將該名稱存儲在數組中。

getimages.php

<?php
$filenameArray = array();
$handle = opendir(dirname(realpath(__FILE__)).'/images/slider_images/');
    while($file = readdir($handle)){
        if($file !== '.' && $file !== '..'){
            array_push($filenameArray, "images/slider_images/$file");
        }
    }

echo json_encode($filenameArray);
?>       

從您想要動態加載圖片的頁面調用getimages.php。

的index.php

$.ajax({

        url: "getimages.php",
        dataType: "json",

        success: function (data) {
            alert("success");
            $.each(data, function(i,filename) {
                alert(filename);
                $('.slides').append('<li><img src="'+ filename +'" class="drop_shadow" alt="Slider Image 1" /></li>');
            });
        }
    });

這對我來說非常合適。 我想要你試試這個。 這是使用ajax從文件夾加載圖像的非常簡單方便的方法