Javascript 使用引导转盘显示目录中的文件

我是JavaScript新手，并开始试验引导旋转木马。我编写了测试代码，当我手动创建旋转木马项目时，它可以工作并显示图像，例如

   <div id="myCarousel" class="carousel slide" data-interval="false">
    <div class="carousel-inner">
      <div class="item active">
        <img src="img/1.jpg"/>
      </div>
      <div class="item">
        <img src="img/2.jpg"/>
      </div>
      <div class="item">
        <img src="img/3.jpg"/>
      </div>
    </div><!-- .carousel-inner -->
  </div><!-- .carousel -->

但是，我想做的是指定一个本地目录，并能够自动加载和查看那里的图像，即自动创建旋转木马项目列表

我的问题是：

• 如何使用脚本实现这一点，例如使用perl或python获取目录中的文件列表？如何在JS中将此列表传递给Carousel
• 通过谷歌搜索，我发现HTML5有一个允许JS访问本地文件系统的文件API。如何使用此方法执行上述操作

---

谢谢

只要在您选择的语言中创建一个循环，读取目录内容并输出HTML即可

e、 g.在python中

import os
dirname = 'img'
html = '<div id="myCarousel" class="carousel slide" data-interval="false">\n\t<div class="carousel-inner">'
active = "active"
for filename in os.listdir(dirname):
    if ".jpg" in filename:
        html = html + '\n\t\t<div class="item %s"><img src="%s"/></div>' % (active, dirname + "/" + filename)
        active = ""
html = html + '</div><!-- .carousel-inner -->\n</div><!-- .carousel -->'

导入操作系统
dirname='img'
html='\n\t'
active=“active”
对于os.listdir（dirname）中的文件名：
如果文件名中有“.jpg”：
html=html+'\n\t\t'%（活动，目录名+“/”+文件名）
active=“”
html=html+'\n'

---

显然，您需要对html变量执行一些操作，比如将其写入文件

您必须使用服务器端脚本。