function makeFileListImg() {
var file = document.getElementById(‘gallery’).value;
if(navigator.userAgent.indexOf(‘Linux’) != -1){
var SO = “Linux”; }
else if((navigator.userAgent.indexOf(‘Win’) != -1) &&(navigator.userAgent.indexOf(’95′) != -1)){
var SO = “Win”; }
else if((navigator.userAgent.indexOf(‘Win’) != -1) &&(navigator.userAgent.indexOf(‘NT’) != -1)){
var SO = “Win”; }
else if(navigator.userAgent.indexOf(‘Win’) != -1){
var SO = “Win”; }
else if(navigator.userAgent.indexOf(‘Mac’) != -1){
var SO = “Mac”; }
else { var SO = “Undefined”;
}
if(SO = “Win”){
var path = file.split(“\\”);
}else{
var path = file.split(“/”);
}
var name_file = (path[path.length-1]);
var ext_valid = /\.(gif|jpg|png)$/i.test(name_file);
if (!ext_valid){
document.getElementById(‘gallery’).innerHTML = “”;
var empty = document.getElementById(‘gallery’).value = “”;
alert(“Your file: ” + name_file + “, contains a forbidden extension for the gallery. Please make your option again.”);
return false;
}

else

{

var input = document.getElementById(“gallery”);
var ul = document.getElementById(“list-gallery”);
while (ul.hasChildNodes()) {
ul.removeChild(ul.firstChild);
}
for (var i = 0; i < input.files.length; i++) {
var li = document.createElement("li");
li.innerHTML = input.files[i].name;
ul.appendChild(li);
}
if(!ul.hasChildNodes()) {
var li = document.createElement("li");
li.innerHTML = 'No Files Selected for Gallery';
ul.appendChild(li);
}
}
}

Thank you for this useful code… It’s really useful.

I’ve a question about an extra functionality… How to validate the extension of files to be uploaded by using the same function (function makeFileList() )?… Below my first approach but it only catch the first file, not all files, it means if I try to upload a forbidden file within a list of allowed files, it ignore the filter:

function makeFileListImg() {
var file = document.getElementById('gallery').value;
if(navigator.userAgent.indexOf('Linux') != -1){
var SO = "Linux"; }
else if((navigator.userAgent.indexOf('Win') != -1) &&(navigator.userAgent.indexOf('95') != -1)){
var SO = "Win"; }
else if((navigator.userAgent.indexOf('Win') != -1) &&(navigator.userAgent.indexOf('NT') != -1)){
var SO = "Win"; }
else if(navigator.userAgent.indexOf('Win') != -1){
var SO = "Win"; }
else if(navigator.userAgent.indexOf('Mac') != -1){
var SO = "Mac"; }
else { var SO = "Undefined";
}
if(SO = "Win"){
var path = file.split("\\");
}else{
var path = file.split("/");
}
var name_file = (path[path.length-1]);
var ext_valid = /\.(gif|jpg|png)$/i.test(name_file);
if (!ext_valid){
document.getElementById('gallery').innerHTML = "";
var empty = document.getElementById('gallery').value = "";
alert("Your file: " + name_file + ", contains a forbidden extension for the gallery. Please make your option again.");
return false;
}

else

{

var input = document.getElementById("gallery");
var ul = document.getElementById("list-gallery");
while (ul.hasChildNodes()) {
ul.removeChild(ul.firstChild);
}
for (var i = 0; i < input.files.length; i++) {
var li = document.createElement("li");
li.innerHTML = input.files[i].name;
ul.appendChild(li);
}
if(!ul.hasChildNodes()) {
var li = document.createElement("li");
li.innerHTML = 'No Files Selected for Gallery';
ul.appendChild(li);
}
}
}

Thanbk you for your help!

if(count($_FILES['filesToUpload']['name'])) {
$i = 0;
foreach ($_FILES['filesToUpload']['name'] as $file) {
$img = "uploads/clients/".$file;
move_uploaded_file($_FILES['filesToUpload']['tmp_name'][$i], $img);
chmod( $img , 0777 );

$company = $_POST['exsistingcompanies'];

$time = strtotime($row[time] . ' + 3 hours');
$time = date("m/d/y - h:i a", $time);

$query = "INSERT INTO media_files SET client_id='$company', name='$img', date_uploaded='$time'";
queryMysql($query);
$i++;
}
}

</code

Reguard,
Andrew

After a long search I have also created a multiple file uploader using ajax with a jquery progressbar. It is a combination of two famous packages. May somebody will get help of it

http://myphplibrary.blogspot.in/2012/03/jquery-file-uploader-with-progress-bar.html