Topic: Uncaught TypeError: $(...).plupload is not a function
I'm trying Plupload for the first time, so I downloaded the latest version and grabbed the UI Widget example code. After including JQuery in the head and fiddling with a few settings, I run it in Chrome 44.0.2403.157 m. And here's what I get from the console:
Uncaught TypeError: $(...).plupload is not a function index.php:9
.
Here's how my code looks like:
<!DOCTYPE html>
<html>
<head>
<script type="application/javascript" src="jquery.js"></script>
<script type="application/javascript" src="plupload/plupload.full.min.js"></script>
<script type="text/javascript">
// Initialize the widget when the DOM is ready
$(function () {
$("#uploader").plupload({
// General settings
runtimes: 'html5,flash,silverlight,html4',
url: "/examples/upload",
// Maximum file size
max_file_size: '2mb',
chunk_size: '1mb',
// Resize images on clientside if we can
resize: {
width: 200,
height: 200,
quality: 90,
crop: true // crop to exact dimensions
},
// Specify what files to browse for
filters: [
{
title: "Image files",
extensions: "jpg,gif,png"
},
{
title: "Zip files",
extensions: "zip,avi"
}
],
// Rename files by clicking on their titles
rename: true,
// Sort files
sortable: true,
// Enable ability to drag'n'drop files onto the widget (currently only HTML5 supports that)
dragdrop: true,
// Views to activate
views: {
list: true,
thumbs: true, // Show thumbs
active: 'thumbs'
},
// Flash settings
flash_swf_url: '/plupload/js/Moxie.swf',
// Silverlight settings
silverlight_xap_url: '/plupload/js/Moxie.xap'
});
});
</script>
</head>
<body>
<div id="uploader"></div>
</body>
</html>
What did I do wrong?