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;

şeklinde. Hepsi bu kadar 🙂