1 (edited by Cryptonaut 2016-04-16 02:10:19)

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:

http://i.imgur.com/ep5R3Q3.png

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):

http://i.imgur.com/DifTN4p.png

Re: Queue Widget component not loading on ASP.net MVC 3

Are you sure that urls are correct, what does tilde (~) denote in your case?

If you plan to use Queue widget you do not need UI files. It's either one or the other. Also I do not see where you include jQuery - Queue widget depends on jQuery. For some reason there is extra closing </script> under the opening <head> tag.

If you want to see your issue fixed, do not report it here, do it on - GitHub.