Question

我有一项任务是使用jquery显示文件夹中的所有图像。

为此，我使用了代码

var imageFolder = '../../Images/Avatar/';
var imgsrc = imageFolder +'';

我需要在该文件夹头像中获取图像文件名。我怎样才能获得文件名。该头像文件夹中有很多图像文件也有一些txt文件。我只需要jpg，png，gif图像。

Answer 1

试试这种方式

HTML CODE：

<div id='fileNames'> </div>

JQUERY CODE：

var fileExt = {},
    fileExt[0]=".png",
    fileExt[1]=".jpg",
    fileExt[2]=".gif";
$.ajax({
    //This will retrieve the contents of the folder if the folder is configured as 'browsable'
    url: '../../Images/Avatar/',
    success: function (data) {
       $("#fileNames").html('<ul>');
       //List all png or jpg or gif file names in the page
       $(data).find("a:contains(" + fileExt[0] + "),a:contains(" + fileExt[1] + "),a:contains(" + fileExt[2] + ")").each(function () {
           var filename = this.href.replace(window.location.host, "").replace("http:///", "");
           $("#fileNames").append( "<li>" + filename + "</li>");
       });
       $("#fileNames").append('</ul>');
     }     
  });

从这个SO问题引用的基本逻辑Here

快乐编码：）

Answer 2

我不知道它会起作用，但你可以试试这个

给出图像1,2,3,4 .....的名称

并使用for循环显示图像。

var imageFolder = '../../Images/Avatar/';

var imgsrc="";

for(var i=1; i <= totalImage; i++){
 imgsrc= imageFolder +i;

}

如何从给定文件夹中获取图像文件名

2 个答案: