403 Запрещенная ошибка при выполнении запроса ajax

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