MultipleFileUpload | More front-end interfaces | Runtime Evironment library

1. Declare uploaders as an array of objects that contain all needed props for creation of MultipleFileUploaderPart.
2. Use v-for on MultipleFileUploaderPart in the main MultipleFileUploader to reactively generate MultipleFileUploaderPart components
3. Use $emit from MultipleFileUploaderPart to MultipleFileUploader to emit creation and deletion events so that MultipleFileUploader can add or remove elements in the uploaders array.
4. Please don't delete or create elements from DOM directly, let the VueJs do this work.

Going with the solution as described above as unable to come up with an alternative solution

I believe your error lies in onUploadFileAction() method, as you've stated.

If I run through this the progresListener, I notice you use the variable upload in it, and then immediately after this listener is created, you set the upload variable. So if you upload two files back to back, whenever a ProgressEvent is thrown on the first file, it will update the indicator using the upload variable newly set by the second file, assuming that event is not TRANSFER_COMPLETED_EVENT then it will display the second files upload progress.

In order to solve this, move upload into the method and make it an ObjectProperty so you can use it within the lambda.

Hope this helps.

This works fine.

The Solution of above problem i encountered while doing R&D in Java Amazon Sdk. Instead of creating different TransferManager instances for every thread share the same instances with multiple threads if you are using same AmazonS3Client.

It will not cause any issue because it is thread safe object and problem was also solved.

If I understood your question correctly, you don't want to show alert on every file uploaded successfully. Instead you want to display only for last file.

If I'm not wrong you've to check one if condition for the alert statement and check if it's last but nothing file.