我的任务是使用 jquery 显示文件夹内的所有图像。
为此我使用了代码
var imageFolder = '../../Images/Avatar/';
var imgsrc = imageFolder +'';
我需要获取该文件夹头像中的图像文件名。我怎样才能得到文件名。那个头像文件夹里有很多图片文件，也有一些txt文件。我只需要jpg，png，gif图像。
【问题讨论】：
jpeg、png 和gif 扩展名的文件的目录驻留在某些 server 上他们通过网络服务器。出于某种原因，您必须在客户端获取对文件的引用。您需要文件的路径或 URI 吗？您的网络服务器是否提供了某种目录列表？
标签： javascript jquery html
试试这个方法
HTML 代码：
<div id='fileNames'> </div>
JQUERY 代码：
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 问题 Here987654321@
引用的基本逻辑快乐编码:)
【讨论】：
我不知道它是否有效，但你可以试试这个
给出图像 1,2,3,4 的名称.....
然后使用 for 循环显示图像。
var imageFolder = '../../Images/Avatar/';
var imgsrc="";
for(var i=1; i <= totalImage; i++){
imgsrc= imageFolder +i;
}
【讨论】：