2017-02-23 81 views
0

我在使用angular2-dropzone-wrapper的Angular2應用程序中使用Dropzone。 我希望我的用戶能夠一次上傳丟失的文件,但不會一次將所有文件發送到服務器。 我們曾經爲此使用PrimeNG,但他們一次發送所有內容。DropzoneJS正在隨機跳過文件發送到服務器

我讀過Dropzone會逐個發送文件。我已經嘗試了幾個配置選項,但我無法將所有選定的文件傳送到服務器。他們中的大多數都被拋棄了,但我不知道爲什麼。我正在聽幾個事件,但沒有發送。

我的優選配置是將5個文件一次發送到服務器,直到發送所有文件。 我知道我需要uploadMultipleparallelUploads屬性,但我無法讓它工作。

如果上傳所有文件沒有問題,但看起來隨機文件被跳過時需要一些時間,這是一個主要問題。 我不確定這是否與Dropzone或Angular2包裝有關,但希望這裏有人知道答案。

這是我的HTML:

<dropzone [config]="dropZoneConfig" 
      (error)="onDropZoneUploadError($event)" 
      (sendingmultiple)="onDropZoneSendingMultiple($event)" 
      (queuecomplete)="onDropZoneQueueComplete($event)" 
      (maxfilesreached)="onDropZoneMaxfilesReached($event)" 
      (maxfilesexceeded)="onDropZoneMaxfilesExceeded" 
      (totaluploadprogress)="onDropZoneTotalUploadProgress"></dropzone> 

這是我的TS:

this.dropZoneConfig = { 
     server: this.url, 
     maxFilesize: 200, // MB 
     maxFiles: 500, 
     acceptedFiles: ".xml", 
     parallelUploads: 5, 
     uploadMultiple: true, 
     createImageThumbnails: false, 
     autoProcessQueue: true, 
     autoReset: 500, 
     addRemoveLinks: false, 
     headers: { "Authorization": "Bearer " + sessionStorage.getItem("AccessToken") } 
    }; 

任何幫助深表感謝。

+0

在取消了,即使他們還沒有上傳所有的文件使用自動復位的效果。 所以我需要弄清楚如何在Angular2打字稿中調用removeFiles()方法。 –

回答

相關問題