2015-02-24 62 views
0

我正在構建一個AngularJs應用程序,並使用DropzoneJs中的dropzone。我需要使用成功和錯誤回調,因爲我必須訪問服務器響應。我有一個問題,如果我使用回調,previewTemplate更改...所以,我可以更改回調中的previewTemplate?DropzoneJs成功和錯誤回調

如果我不使用回調這裏的結果模板和代碼:

no callbakcs successno callbacks error

var myDropzone = $("#storageDropzone").dropzone({ 
    url: firstUrl,   
}); 


如果我使用的回調「滴」或「交叉」唐「T顯示:

with callback successwith callback error

var myDropzone = $("#storageDropzone").dropzone({ 
    url: firstUrl, 
    error: function (file, response) { 
     console.log("Erro"); 
     console.log(response); 
    }, 
    success: function (file, response) { 
     console.log("Sucesso"); 
     console.log(response); 
    }, 
    complete: function (file) { 
     console.log("Complete"); 
    } 
}); 

那麼,我可以更改回調中的previewTemplate嗎?或者簡單地說,保持存在的那個?

回答

1

所以,這是我發現的解決辦法...

而不是使用回調,我就初始化函數的變化。雖然這個答案不能滿足我,但這是目前我能做的最好的...如果任何人都可以解釋爲什麼它在初始化中起作用,而不是回調,那麼可以自由回答。

這是解決方案:

var myDropzone = $("#storageDropzone").dropzone({ 
    init: function() { 
     this.on("processing", function (file) { 
      $scope.$apply($scope.working = true); 
      this.options.url = lastUrl; 
      $scope.$apply($scope.processing = true); 
     }); 

     this.on("success", function (file, response) { 
      console.log("sucesso"); 
      var ficheiro = { nome: file.name, link: response[0] }; 
      $scope.$apply($scope.uploadedFiles.push(ficheiro)); 
     }); 

     this.on("error", function (file, error, xhr) { 
      var ficheiro = { nome: file.name, status: xhr.status, statusText: xhr.statusText, erro: error.message }; 
      $scope.$apply($scope.errorFiles.push(ficheiro)); 
     }); 
    } 
相關問題