ignite fileupload unable to upload multiple files in same http request.

[JiaLiPassion]

Description

Describe the issue.

I want to upload multiple files within the same XHR request, and I use the sample from here, https://jp.igniteui.com/file-upload/multiple-upload, when I select multiple files, it will still send
two xmlhttp request.

Steps to reproduce

1. Step 1
   open https://jp.igniteui.com/file-upload/multiple-upload
2. Step 2
   select two files.
3. Step 3
   Upload and check Network tab in Chrome developer tools,

Result

I hope there is an option to allow use the same XHRHttpRequest to upload multiple files.
just like in plain javascript, we can do like this.

function uploadFiles(files) {
    var xhr = new XMLHttpRequest();
    var formData = new FormData();
    xhr.onload = successfullyUploaded;
    xhr.open("POST", "http://localhost:3000/upload", true);
    xhr.setRequestHeader('X-Requested-With','XMLHttpRequest');
    for(var file in files) {
        formData.append("uploads", files[file].data);
    }
    xhr.send(formData);
}

Expected result

Attachments

here is a screenshot

[kdinev]

@JiaLiPassion The current behavior is by design, since the single XHR request is limited on the size of data it can send over, thus if two or more large files add up to more than the XHR limit, then all the uploads will fail.

[JiaLiPassion]

@kdinev , thank you for your reply, is that possible to add an option to allow to send multiple files in a single XHR request? For example, some requirement need multiple files as the input of a single transaction.

[kdinev]

@JiaLiPassion Sure, this can be logged as a feature request. We need to move the issue to the ignite-ui repo though.

[JiaLiPassion]

@kdinev , thank you!

[kdinev]

@JiaLiPassion I've transferred the issue over: IgniteUI/ignite-ui#1228

[JiaLiPassion]

@kdinev, got it, thank you very much!