罰款上傳與格式化代碼的問題，事件

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); 
     }); 
});