there is only one file in $_FILES when uploading multiple files

[fxck]

eventhough I'm trying it on the latest chrome, any idea where the problem could be?

                $scope.doSubmit = function() {

                        $upload
                            .upload( {
                                url: '/api/send-fellowship',
                                data: $scope.form,
                                file: $scope.form.files
                            })
                            .progress(function(e) {
                                $scope.progress = parseInt(100.0 * e.loaded / e.total);
                            })
                            .success(function(data, status) {

                            });
                };

$scope.form.files is an array of files

[danialfarid]

post your html here too

[fxck]

@danialfarid

                        <button
                            class="form__file"
                            type="button"
                            ng-file-select
                            multiple="true"
                            ng-model="form.files">
                            Select file
                        </button>

[fxck]

$scope.form.files

$_FILES

[shanehou]

I'm facing the same situation. Don't know if it's related to #1 (comment) that data cannot be transferred along with multiple files.

[danialfarid]

you know that the file will not be sent with data: $scope.form, so just remove this or add specific values in your form that you want to actually send or remove the file object from it before sending it. The file should be specified in the 'file option not data.

[fxck]

The file is specified in file option, with $scope.form.files, there are other things in $scope.form, like email and name, how could $scope.form.files value specified in both data and file break this?

[shanehou]

Even if I don't write data field, the server script (PHP) still only receives one file data.
But I think Danial's suggestion is right. It's not a good practice to send multiple files along with data when you have to use a loop to upload files one by one. The better solution is separating the file uploading with the form input data submitting, uploading files immediately, and sending back the uploaded information to the frontend, where you can combine the uploaded information with form input data.

[fxck]

Wait what, you have to use the loop to be able to upload multiple files? Also uploading files immediately is just anti-ux.

[danialfarid]

For older browsers IE9 you need to upload files one by one.

[fxck]

Yeah, alright, not using any IE.

[pabuisson]

I'm facing the same situation here. Only one file makes it through to my upload controller, even though two or more files were actually selected. I don't have any interest in supporting IE9– anymore, so that's why I was investigating the "array of files" method which was much more intuitive to me.

@fxck did you have any success with this issue ?

[fxck]

Yeah I switched to https://blueimp.github.io/jQuery-File-Upload/angularjs.html which is not ideal, I don't like their angular implementation at all.. but better than nothing.

[danialfarid]

Have you tried setting the option fileFormDataName: 'file[]' or fileFormDataName: ['file[0]', 'file[1]', 'file[2]', ...]

[pabuisson]

I just tried it yesterday after leaving my comment (found a Stack Overflow answer suggesting this), and it seems to work (even though I'm not really sure how I was supposed to use this). Thanks for your answer. I chose to use the second syntax (fileFormDataName: [ 'file[0]', 'file[1]' ]), was having issues with the other one.

@fxck did you try setting this parameter ?

[danialfarid]

I am closing this issue. Reopen if fileFormDataName: [ 'file[0]', 'file[1]' ] doesn't fix your problem.