正在尝试使用Javascript列表并查找文件

Trying to have Javascript list and find files

本文关键字：列表 查找 文件 Javascript      更新时间：2023-09-26

目前（仅为我自己）我正在尝试制作一个图片列表网站。我已经完成了一个上传表单（使用Ajax），它将文件上传到"上传"文件夹。我希望JS将文件放入UL中的<img src="">标签中。（底部示例）。

这是我目前的尝试（JS的Newb）。

var oldHTML = document.getElementsByTagName("span");
var i = 0;
var f = 0;
(function looper() {
    if (f++ < 20) {
        var newHTML = "<span> <img src = './uploads/image' " + i + ".png'>" + "</span>";
        document.getElementById('span').innerHTML = newHTML;
    }
})();

现在，我希望每隔几毫秒将1添加到变量i中，这样它就会检查图像文件。

我的意思是：

  • 你上传了一个文件
  • 它进入上传文件夹
  • 它被重命名为image1.png
  • 我希望Javascript将image1.png放入<img src="">中。这样图像就会显示出来
  • 现在我希望它将1添加到图像名称中的1。（将与image2.png一起显示image1.png）

这就是您想要的吗？

var img = document.getElementsByTagName('span')[0].firstChild;
var i = 0;
var timer = setInterval(function(){
    img.src = './uploads/image' + i++ + '.png';
    if (i === 20) {
        clearInterval(timer);
        timer = null;
    }
}, 50);

jsFiddle在这里：http://jsfiddle.net/Msnvk/

相关文章：