multi fileupload using https://github.com/jfeldstein/jQuery.AjaxFileUpload.js, sexyFile

ajaxfileupload with sexyfile

$("#fileAddBtn").click(function(){
  var newfile=$("<input type='file' name='file[]'>");
  $(this).parent().append("<br/>").append(newfile);

  newfile.ajaxfileupload({
    action: "/util/fileupload.json",
    onComplete: function(response){
      if( response.result ){
        console.log(newfile.val());
        var filename = "<span>"+newfile.val().split('\\').pop()+"</span>";
        newfile.attr("type","hidden");
        newfile.css("border","none");
        newfile.css("background","none");
        newfile.css("width","300px");
        newfile.attr("value",response.data);
        newfile.next().show().before(filename);
      }
    }
  });

  var newfiledel=$("<a href='#'>delete</button>");
  newfiledel.hide();
  $(this).parent().append(newfiledel);

  newfiledel.click(function(e){
    $(this).prev().remove();
    $(this).prev().remove();
    $(this).remove();
    e.preventDefault();
    return false;
  });
});

util fileupload.php

<?
$sexyFile=new sexyFile;
$res=$sexyFile->upload($_FILES['file']);
?>