Gmail’deki gibi dosyaları çoklu yüklemek

Bilirsinizki Gmail’de epostalara dosya eki yaparken birden fazla dosyayı bir seferde yükleyebiliyoruz. Bu tarz bir uygulamayı kendi çalışmalarınızda da kullanabilirsiniz. Böyle bir uygulamanın kodlarını birlikte inceleyelim.

Pete Freitag günlüğünde böyle bir paylaşımda bulunmuş ve ilgimi çekti. Bende paylaşmak istedim sizlerle

Öncelikle etiketleri eklemeniz gereken javascript kodumuz şöyle,

[JS]var upload_number = 2;
function addFileInput() {
var d = document.createElement(“div”);
var file = document.createElement(“input”);
file.setAttribute(“type”, “file”);
file.setAttribute(“name”, “attachment”+upload_number);
d.appendChild(file);
document.getElementById(“moreUploads”).appendChild(d);
upload_number++;
}[/JS]

Sayfanız içerisinde kullanacağınız html kodları ise;

<input type="file" name="attachment" id="attachment" onchange="document.getElementById('moreUploadsLink').style.display = 'block';" />
<div id="moreUploads"></div>
<div id="moreUploadsLink" style="display:none;"><a href="javascript:addFileInput();">Bir dosya daha ekle</a></div>

şeklinde. Hepsi bu kadar