Click here to Skip to main content
14,271,874 members

Web Development

 
PinnedHow to get an answer to your question Pin
Chris Maunder4-Sep-10 2:25
adminChris Maunder4-Sep-10 2:25 
PinnedHOW TO ANSWER A QUESTION PinPopular
Chris Maunder12-Jul-09 22:40
adminChris Maunder12-Jul-09 22:40 
QuestionApp de películas Pin
Member 1456720323-Aug-19 19:37
memberMember 1456720323-Aug-19 19:37 
QuestionBackgroungWork Pin
KGr2820-Aug-19 6:08
memberKGr2820-Aug-19 6:08 
Rant[REPOST] BackgroungWork Pin
Richard Deeming20-Aug-19 6:18
mveRichard Deeming20-Aug-19 6:18 
GeneralRe: [REPOST] BackgroungWork Pin
KGr2820-Aug-19 7:17
memberKGr2820-Aug-19 7:17 
QuestionRest API vs wpdb to connect to a separate database on one server Pin
Martin Kaspar13-Aug-19 7:28
memberMartin Kaspar13-Aug-19 7:28 
AnswerMessage Closed Pin
20-Aug-19 20:42
memberMember 1456434520-Aug-19 20:42 
QuestionUnity source version control experiences? Pin
Member 1455222313-Aug-19 5:07
memberMember 1455222313-Aug-19 5:07 
QuestionSignalR Connection Problem - Version Mismatch Pin
Kevin Marois8-Aug-19 7:58
professionalKevin Marois8-Aug-19 7:58 
GeneralMessage Closed Pin
7-Aug-19 5:37
memberbitcoin mac70307-Aug-19 5:37 
QuestionAsp.Net Web API Installer Pin
Kevin Marois5-Aug-19 5:52
professionalKevin Marois5-Aug-19 5:52 
QuestionCan someone help me understand this error? - HTTP Error 403.14 - Forbidden Pin
GungaDin161-Aug-19 6:45
memberGungaDin161-Aug-19 6:45 
AnswerRe: Can someone help me understand this error? - HTTP Error 403.14 - Forbidden Pin
ZurdoDev1-Aug-19 8:07
professionalZurdoDev1-Aug-19 8:07 
AnswerRe: Can someone help me understand this error? - HTTP Error 403.14 - Forbidden Pin
Regina Hawk13-Aug-19 4:31
memberRegina Hawk13-Aug-19 4:31 
QuestionI keep getting error $(...).fileupload is not a function. Pin
KGr2830-Jul-19 4:38
memberKGr2830-Jul-19 4:38 
AnswerRe: I keep getting error $(...).fileupload is not a function. Pin
Afzaal Ahmad Zeeshan30-Jul-19 5:41
mveAfzaal Ahmad Zeeshan30-Jul-19 5:41 
GeneralRe: I keep getting error $(...).fileupload is not a function. Pin
KGr2830-Jul-19 7:35
memberKGr2830-Jul-19 7:35 
GeneralRe: I keep getting error $(...).fileupload is not a function. Pin
Afzaal Ahmad Zeeshan30-Jul-19 8:55
mveAfzaal Ahmad Zeeshan30-Jul-19 8:55 
GeneralRe: I keep getting error $(...).fileupload is not a function. Pin
KGr2830-Jul-19 9:12
memberKGr2830-Jul-19 9:12 
Here is the scripts.js file., also how are you identifying that jquery-3.1.0.min.js in this entire trace, I'm just passing the script
<script src="~/Scripts/jquery-3.1.0.min.js"></script>

in the Index.cshtml file which is the view that I am calling in my Details.cshtml.

script.js:
$(document).ready(function () {

    var ul = $('#upload ul');

    $('#drop a').click(function () {
        // Simulate a click on the file input button
        // to show the file browser dialog
        $(this).parent().find('input').click();
    });

    // Initialize the jQuery File Upload plugin
    $('#upload').fileupload({
        // This element will accept file drag/drop uploading
        dropZone: $('#drop'),

        // This function is called when a file is added to the queue;
        // either via the browse button, or via drag/drop:
        add: function (e, data) {

            var tpl = $('<li class="working"><input type="text" value="0" data-width="48" data-height="48"' +
                ' data-fgColor="#0788a5" data-readOnly="1" data-bgColor="#3e4043" /><p></p><span></span></li>');

            // Append the file name and file size
            tpl.find('p').text(data.files[0].name)
                         .append('' + formatFileSize(data.files[0].size) + '');

            // Add the HTML to the UL element
            data.context = tpl.appendTo(ul);

            // Initialize the knob plugin
            tpl.find('input').knob();

            // Listen for clicks on the cancel icon
            tpl.find('span').click(function () {

                if (tpl.hasClass('working')) {
                    jqXHR.abort();
                }

                tpl.fadeOut(function () {
                    tpl.remove();
                });

            });

            // Automatically upload the file once it is added to the queue
            var jqXHR = data.submit();
        },

        progress: function (e, data) {

            // Calculate the completion percentage of the upload
            var progress = parseInt(data.loaded / data.total * 100, 10);

            // Update the hidden input field and trigger a change
            // so that the jQuery knob plugin knows to update the dial
            data.context.find('input').val(progress).change();

            if (progress == 100) {
                data.context.removeClass('working');
            }
        },

        fail: function (e, data) {
            // Something has gone wrong!
            data.context.addClass('error');
        }

    });


    // Prevent the default action when a file is dropped on the window
    $(document).on('drop dragover', function (e) {
        e.preventDefault();
    });

    // Helper function that formats the file sizes
    function formatFileSize(bytes) {
        if (typeof bytes !== 'number') {
            return '';
        }

        if (bytes >= 1000000000) {
            return (bytes / 1000000000).toFixed(2) + ' GB';
        }

        if (bytes >= 1000000) {
            return (bytes / 1000000).toFixed(2) + ' MB';
        }

        return (bytes / 1000).toFixed(2) + ' KB';
    }

});


modified 30-Jul-19 15:35pm.

GeneralRe: I keep getting error $(...).fileupload is not a function. Pin
Afzaal Ahmad Zeeshan30-Jul-19 12:28
mveAfzaal Ahmad Zeeshan30-Jul-19 12:28 
GeneralRe: I keep getting error $(...).fileupload is not a function. Pin
KGr2831-Jul-19 3:38
memberKGr2831-Jul-19 3:38 
GeneralRe: I keep getting error $(...).fileupload is not a function. Pin
Afzaal Ahmad Zeeshan31-Jul-19 8:17
mveAfzaal Ahmad Zeeshan31-Jul-19 8:17 
GeneralRe: I keep getting error $(...).fileupload is not a function. Pin
KGr2831-Jul-19 8:19
memberKGr2831-Jul-19 8:19 
QuestionMessage Closed Pin
26-Jul-19 21:47
memberMCSIDevelopers26-Jul-19 21:47 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.