the files are going to uploads is images and sometimes video.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Teste - Plupload</title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" />
<link rel="stylesheet" href="plupload20a/js/jquery.ui.plupload/css/jquery.ui.plupload.css" type="text/css" />
<!-- <style type="text/css">@import url(plupload20a/js/jquery.plupload.queue/css/jquery.plupload.queue.css);</style>
<!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> -->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<!-- Third party script for BrowserPlus runtime (Google Gears included in Gears runtime now) -->
<!-- <script type="text/javascript" src="http://bp.yahooapis.com/2.4.21/browserplus-min.js"></script> -->
<script type="text/javascript" src="js/browserplus.js"></script>
<!-- Load plupload and all it's runtimes and finally the jQuery UI queue widget -->
<script type="text/javascript" src="plupload20a/js/plupload.full.min.js"></script>
<!--<script type="text/javascript" src="plupload20a/js/plupload.gears.js"></script>
<script type="text/javascript" src="plupload20a/js/plupload.silverlight.js"></script>
<script type="text/javascript" src="plupload20a/js/plupload.flash.js"></script>
<script type="text/javascript" src="plupload20a/js/plupload.browserplus.js"></script>
<script type="text/javascript" src="plupload20a/js/plupload.html4.js"></script>
<script type="text/javascript" src="plupload20a/js/plupload.html5.js"></script>-->
<script type="text/javascript" src="plupload20a/js/jquery.ui.plupload/jquery.ui.plupload.js"></script>
<!--<script type="text/javascript" src="plupload20a/js/jquery.plupload.queue/jquery.plupload.queue.js"></script>-->
</head>
<body>
<script type="text/javascript">
var maxfiles = 2; //edit here the number of max uploads
$(function() {
//$("#uploaderme").pluploadQueue({
$("#uploaderme").plupload({
runtimes : 'gears,html5,flash,silverlight,browserplus',
//runtimes: 'html5',
url : 'plupload20a/examples/upload.php',
max_file_size : '1000mb',
max_file_count: maxfiles,
chunk_size : '1mb', //divide o arkivo em partes de 1mb
unique_names : true,
multiple_queues : true,
multi_selection: true,
rename: true,
multipart: true,
drop_element: 'uploaderme',
sortable: true,
filters : [
{title : "Images Files (jpg, gif, png)", extensions : "jpg,gif,png"},
{title : "Video Files (avi,mpg,wmv)", extensions : "avi,mpg,wmv"}
],
//flash_swf_url : 'plupload/js/plupload.flash.swf',
flash_swf_url : 'plupload20a/js/Moxie.swf',
//silverlight_xap_url : 'plupload/js/plupload.silverlight.xap',
silverlight_xap_url : 'plupload20a/js/Moxie.xap',
init : {
FilesAdded: function(up, files) {
plupload.each(files, function(file) {
if (up.files.length > maxfiles) {
up.removeFile(file);
}
//var upa = $('#uploaderme').pluploadQueue();
var upa = $('#uploaderme').plupload('getUploader');
var i = 0;
while (i<=upa.files.length) {
ultimo = upa.files.length;
if (ultimo > 1) {
if (i > 0) {
ultimo2 = ultimo - 1;
ii = i-1;
if (ultimo2 != ii) {
if (up.files[ultimo - 1].name == upa.files[i-1].name) {
up.removeFile(file);
}
}
}
}
i++;
}
});
if (up.files.length >= maxfiles) {
$('#uploaderme_browse').hide("slow");
}
},
FilesRemoved: function(up, files) {
if (up.files.length < maxfiles) {
$('#uploaderme_browse').fadeIn("slow");
}
},
UploadComplete: function (up, file) {
alert('Upload Complete');
for(i=0; i<file.length; i++)
alert(file[i].name);
$(".plupload_buttons").css("display", "inline");
$(".plupload_upload_status").css("display", "inline");
},
/*PostInit: function (up) {
//alert();
$('#deleteallfiles').click(function (e) {
alert('delete all files');
up.splice();
/*
$.each(uploader.files, function (i, file) {
uploader.removeFile(file);
});
*/
/*});
},*/
/*FileUploaded: function(up, files) {
var new_file_field = '<input type="hidden" name="'+files.id+'" value="'+files.name+'" />';
//alert(new_file_field);
$('form').append(new_file_field);
}*/
}
});
/*//var uploader = $('#uploaderme').pluploadQueue();
var uploader = $('#uploaderme').plupload('getUploader');
uploader.bind('Init', function (up, params) {
$('#uploaderme').append('Current runtime: ' + params.runtime);
});
uploader.init();*/
$('#deleteallfiles').click(function (e) {
//var uploader = $('#uploaderme').pluploadQueue();
var uploader = $('#uploaderme').plupload('getUploader');
alert('delete all files');
uploader.splice();
/*
$.each(uploader.files, function (i, file) {
uploader.removeFile(file);
});
*/
});
$('form').submit(function(e) {
//var uploader = $('#uploaderme').pluploadQueue();
var uploader = $('#uploaderme').plupload('getUploader');
if (uploader.total.uploaded == 0) {
if (uploader.files.length > 0) {
/*
// UPload Queue
uploader.bind('UploadProgress', function() {
if (uploader.total.uploaded == uploader.files.length)
$('form').submit();
});*/
// UPload UI
uploader.bind('StateChanged', function() {
if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed)) {
$('form').submit();
}
});
uploader.start();
/*uploader.bind('FileUploaded', function (up, file, info) {
var obj = JSON.parse(info.response);
var new_file_field = '<input type="hidden" name="finished_files[]" value="'+obj.NewFileName+'" />';
$('form').append(new_file_field);
});*/
/*uploader.bind('FileUploaded', function (up, file) {
var new_file_field = '<input type="hidden" name="finished_files'+file.id+'" value="'+file.name+'" />';
//alert(new_file_field);
$('form').append(new_file_field);
});*/
} else
alert('You must at least upload one file.');
return false;
}
});
});
</script>
<h1>MultiUpload</h1>
<form method="post" action="showupload.php" enctype="multipart/form-data">
<div id="uploaderme">
<p>You browser doesn't have Flash, Silverlight, Gears, BrowserPlus or HTML5 support.</p>
</div>
<input type="submit" name="kirim" value="Send File" />
</form>
<div id="deleteallfiles">Delete All Files</div>
</body>
</html>