fine-uploader在格式化代码、事件

Question

我需要有多个与fineuploader实例化相关的事件，但是我不确定该怎么做。它们不能被添加到fineuploader属性中吗？那么整个事件不就叫做onComplete吗？有没有现成的例子？此外，我对右括号的数量感到困惑，等等。当我最初剪切并粘贴这段代码时，有一个额外的)}；放在外面。我删除了它，但我不确定这对于实际的代码是否很酷。任何帮助我都很感激，因为我已经玩了几个小时了。在此代码之外设置了一些变量。

$(document).ready(function () {

    var controlType = '@Model.ControlType';
    var surveyItemResultId = @Model.Results[0].SurveyItemResultId;
    var itemId = @Model.SurveyItemId;
    var instance = @Model.Results[0].SurveyInstanceID;
    var loopingCounter = 0; 

    var fineuploader = $('#files-upload').fineUploader({            
        request:
        {
            endpoint: '@Url.Action("UploadFile", "Survey")',
            customHeaders: { Accept: 'application/json' },
            params: {
                surveyInstanceId: (function () { return instance; }),
                surveyItemResultId: (function () { return surveyItemResultId; }),
                itemId: (function () { return itemId; }),
                loopingIndex: (function () { return loopingCounter++; })
            }             
        },
        validation: {
                acceptFiles: ['image/*','application/pdf','text/csv'] , 
                allowedExtensions: ['jpeg', 'jpg', 'gif', 'png', 'csv', 'pdf'],
                sizeLimit: 1024*1024*1 // 1MB
            },
       multiple: true,
       text: {
                uploadButton: '<i class="icon-plus icon-white"></i>Select your upload file(s)'
            }           
    })                   

      .on('complete', function(event, id, fileName, responseJSON) {
            alert("Success: " + responseJSON.success);

            uploadedFileCounter++;
            if (filesToUpload == uploadedFileCounter)
            {
                alert("DONE UPLOADING!");
            }           

    }).on('submitted', function(event, id, filename) {
            filesToUpload++;
            alert("submitted: " + filesToUpload);
        }
    });
});                                    

Answer 1

您的代码中充斥着语法和其他错误。首先，您引用了没有在代码中定义的filesToUpload和uploadedFileCounter变量。其次，您的代码中有一个额外的结束括号。

你的代码还有一些格式化的问题。首先，您的代码缩进不一致。第二，你混合了大括号的位置。

这是你的原始代码和我的调整：

$(document).ready(function () {

    var controlType = '@Model.ControlType',
        surveyItemResultId = @Model.Results[0].SurveyItemResultId,
        itemId = @Model.SurveyItemId,
        instance = @Model.Results[0].SurveyInstanceID,
        loopingCounter = 0,
        filesToUpload = 0,
        uploadedFileCounter = 0;


    var fineuploader = $('#files-upload').fineUploader({
        request: {
            endpoint: '@Url.Action("UploadFile", "Survey")',
            customHeaders: { Accept: 'application/json' },
            params: {
                surveyInstanceId: (function () { return instance; }),
                surveyItemResultId: (function () { return surveyItemResultId; }),
                itemId: (function () { return itemId; }),
                loopingIndex: (function () { return loopingCounter++; })
            }
        },
        validation: {
            acceptFiles: ['image/*','application/pdf','text/csv'] ,
            allowedExtensions: ['jpeg', 'jpg', 'gif', 'png', 'csv', 'pdf'],
            sizeLimit: 1024*1024*1 // 1MB
        },
        multiple: true,
        text: {
            uploadButton: '<i class="icon-plus icon-white"></i>Select your upload file(s)'
        }
    })

        .on('complete', function(event, id, fileName, responseJSON) {
            alert("Success: " + responseJSON.success);

            uploadedFileCounter++;
            if (filesToUpload == uploadedFileCounter) {
                alert("DONE UPLOADING!");
            }

        }).on('submitted', function(event, id, filename) {
            filesToUpload++;
            alert("submitted: " + filesToUpload);
        });
});