Topic: Queue Widget component not loading on ASP.net MVC 3
I am attempting to implement the latest version of the Plupload Queue Widget (2.1.8) onto my ASP.net MVC 3 Bootstrap site, however, I cannot for whatever reason get the Queue Widget component to load. When viewing the web page the component is embedded on, I only see the following:
I feel like something obvious is missing preventing the component from loading... Does any one have a clue as to why this might be happening? I can provide further information if need be. Thanks in advance!
Web Page CSHTML:
@{
ViewBag.Title = "Home Page";
}
<head>
</script>
<link href="~/js/jquery.plupload.queue/css/jquery.plupload.queue.css" rel="stylesheet" type="text/css" />
<link href="~/js/jquery.ui.plupload/css/jquery.ui.plupload.css" rel="stylesheet" type="text/css" />
<script src="~/js/plupload.full.min.js" type="text/javascript"></script>
<script src="~/js/jquery.ui.plupload/jquery.ui.plupload.js" type="text/javascript"></script>
<script src="~/js/jquery.plupload.queue/jquery.plupload.queue.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#uploader").pluploadQueue({
// General settings
runtimes: 'html5,html4,gears,flash,silverlight',
url: 'Home/Upload',
max_file_size: '10mb',
chunk_size: '1mb',
unique_names: true,
button_browse_hover: true,
multiple_queues: true,
dragdrop: false,
resize: { width: 320, height: 340, quality: 90 },
filters: [
{ title: 'PDF files', extensions: 'pdf' }
],
silverlight_xap_url: '@Url.Content("~/js/.Moxie.xap")'
});
</script>
</head>
<div class="jumbotron">
<h1>Upload and Analyze PDFs</h1>
<p class="lead">Please select which PDF's you wish to analyze.</p>
@using (Html.BeginForm("Upload", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
<div id="uploader">
<p>
You browser doesn't have Flash, Silverlight, Gears, BrowserPlus or HTML5 support.
</p>
</div>
<p>
<input type="submit" value="Save" id="uploadFile" name="uploadFile" />
</p>
}
</div>
File Structure (Located at root):