Javascript 목록을 찾고 파일을 찾으려고 시도합니다.

Question

현재 (나 혼자만 사용) 이미지 목록 사이트를 만들려고합니다. 나는 '업로드'폴더에 파일을 업로드하는 Ajax를 사용하여 이미 완료된 업로드 양식을 가지고있다. JS가 파일을 UL의 <img src=""> 태그에 넣길 원합니다. (Example @ Bottom).

여기 내 현재 시도 (Newb at JS)입니다. 이 이미지 파일을 검사하므로

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으로 이름이 변경되었습니다.
• 자바가 image1.png을 <img src="">에 넣으 려합니다. 그렇게하면 이미지가 표시됩니다.
• 이제 이미지 이름의 1에 1을 더하고 싶습니다. (image2.png과 함께 image1.png이 표시됩니다).

Answer 1

이게 원하는가요? 여기

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/