próbuję, korzystając z File API, stworzyć kod, który dynamicznie będzie tworzył nowe <li> i dodawał do nich wgrywane obrazki na podglądzie. Idzie nieźle, bo faktycznie tworzone są pozycje listy z ID z kolejnymi numerami, dodawane są też do podglądu obrazy, ale... wszystkie do ostatniej pozycji <li>. Ma to zapewne związek z faktem iż onload odbywa się na po zakończeniu działań, próbowałem więc też z zonprogress, ale wciąż bez sukcesu. Jak powinienem podejść do problemu?
function init(){ var bHaveFileApi = (window.File && window.FileReader); if(!bHaveFileApi){ alert('Ta przeglądarka nie wspołpracuje z File API. Prosimy o uaktualnienie przeglądarki'); return; } document.getElementById("dodawanie_galerii").addEventListener("change", onFileChanged) } function onFileChanged(theEvt){ var files = theEvt.target.files; var totalBytes = 0; for(var i = 0; i< files.length; i++){ if(files[i].type.match("image.*")){ var fileInfo = "<li id='podglad_galerii_li"+i+"'>" + files[i].name + "</li>"; document.getElementById('podlad_galerii_ul').innerHTML += fileInfo; var reader = new FileReader(); reader.onload = function(evt){ var resultdata = evt.target.result; var img = new Image(); img.src = event.target.result; j= i -1; var id = 'podglad_galerii_li'+j; document.getElementById(id).appendChild(img); } reader.readAsDataURL(files[i]); } } } window.addEventListener("load",init);