Comments by websource (Top 4 by date)

Here is the JavaScript. To see the whole picture of what I mean you should look at the link above: http://jsfiddle.net/WCCM7/17/[^]
Thanks


var $fileUpload = $("#files"),
$list = $('#list'),
thumbsArray = [],
maxUpload = 5;

// READ FILE + CREATE IMAGE
function read( f ) {
return function( e ) {
var base64 = e.target.result;
var $img = $('<img/>', {
src: base64,
title: encodeURIComponent(f.name), //( escape() is deprecated! )
"class": "thumb"
});
var $thumbParent = $("<span/>",{html:$img, "class":"thumbParent"}).append('<span class="remove_thumb"/>');
thumbsArray.push(base64); // Push base64 image into array or whatever.
$list.append( $thumbParent );
};
}

// HANDLE FILE/S UPLOAD
function handleFileSelect( e ) {
e.preventDefault(); // Needed?
var files = e.target.files;
var len = files.length;
if(len>maxUpload || thumbsArray.length >= maxUpload){
return alert("Sorry you can upload only 5 images");
}
for (var i=0; i<len; i++)="" {=""
="" var="" f="files[i];
" if="" (!f.type.match('image.*'))="" continue;="" only="" images="" allowed="" reader="new" filereader();
="" reader.="">";
}
$('#server').empty().append(testImages);
});