我在使用angular2-dropzone-wrapper
的Angular2應用程序中使用Dropzone。 我希望我的用戶能夠一次上傳丟失的文件,但不會一次將所有文件發送到服務器。 我們曾經爲此使用PrimeNG,但他們一次發送所有內容。DropzoneJS正在隨機跳過文件發送到服務器
我讀過Dropzone會逐個發送文件。我已經嘗試了幾個配置選項,但我無法將所有選定的文件傳送到服務器。他們中的大多數都被拋棄了,但我不知道爲什麼。我正在聽幾個事件,但沒有發送。
我的優選配置是將5個文件一次發送到服務器,直到發送所有文件。 我知道我需要uploadMultiple
和parallelUploads
屬性,但我無法讓它工作。
如果上傳所有文件沒有問題,但看起來隨機文件被跳過時需要一些時間,這是一個主要問題。 我不確定這是否與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") }
};
任何幫助深表感謝。
在取消了,即使他們還沒有上傳所有的文件使用自動復位的效果。 所以我需要弄清楚如何在Angular2打字稿中調用removeFiles()方法。 –