Topic: No action on Add Files
Hello-
I just installed Plupload and am having some problems getting it initialized. The test examples work on my server with no problem. However, when I add the code to my site, I am unable to upload files. The drag/drop does not work and the "Add Files" button doesn't do anything. The console is displaying the following message:
Uncaught TypeError: Cannot read property 'split' of undefined.
That seems to indicate that something isn't set up correctly and therefore isn't passing the necessary values to the function. However, I have been unable to determine what that is.
My code is below. I have been unable to find anything different here than what is in the example code.
<div id="uploader" style="width:650px;">Your browser doesn't have Flash, Silverlight or HTML5 support.</div>
<br />
<script type="text/javascript">
// Initialize the widget when the DOM is ready
$(function() {
$("#uploader").pluploadQueue({
runtimes : 'html5,flash,silverlight,html4',
url : 'plupload/examples/upload.php',
chunk_size: '100mb',
rename: false,
dragdrop: true,
filters : {
max_file_size : '1gb',
mime_types: 'audio/*,video/*',
prevent_duplicates: true
},
flash_swf_url : 'plupload/js/Moxie.swf',
silverlight_xap_url : 'plupload/js/Moxie.xap',
max_file_count: 20
});
// Handle the case when form was submitted before uploading has finished
$('#upload').submit(function(e) {
// Files in queue upload them first
if ($('#uploader').plupload('getFiles').length > 0) {
// When all files are uploaded submit form
$('#uploader').on('complete', function() {
$('#upload')[0].submit();
});
$('#uploader').plupload('start');
} else {
alert("You must have at least one file in the queue.");
}
return false; // Keep the form from submitting
});
});
</script>Any assistance that anybody could provide would be greatly appreciated!
Chris
