0

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

这是我目前的尝试（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。（image1.png将与 一起显示image2.png）。
4

1 回答 1

0

这是你想要的吗？

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/

于 2013-07-03T04:08:20.373 回答