Title: Blueimp/jQuery File Upload autoUpload fail when one of the selected files is not image
Tags: jquery;jquery-file-upload;blueimp
Question: My acceptFileTypes option is standard ```/(\.|\/)(gif|jpe?g|png)$/i```. The problem is, autoUpload fires correctly only if all the selected files are ```gifs/jpgs/pngs```. The moment there's a file that isn't an image, autoUpload doesn't fire.

```jqXHR = $('#button').fileupload({
    url: uploadURL,
    dataType: 'json',
    formData: {
        'data': myData
    },
    autoUpload: true,
    sequentialUploads: true,
    singleFileUploads: false,
    acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
    disableImageResize: true,
    previewMaxWidth: 240,
    previewMaxHeight: 240,
    previewThumbnail: false,
    previewCanvas: true,
    previewCrop: true
})
.on('fileuploadadd', function(e, data) {
    //nothing here
})
.on('fileuploadprocessalways', function(e, data) {
    var index = data.index,
        file = data.files[index];
    if (file.error) {
        console.log(file.error);
    }
    else {
        var node = $('<li/&gt;').addClass('node').prependTo($(data.context)),
            inner = $('<div/&gt;').addClass('node-inner').appendTo(node),
            controls = $('<div/&gt;').addClass('node-controls').appendTo(inner);
        if (file.preview) {
            inner.append(file.preview);
        }
        inner.append(nodeProgress.clone());
        controls.append(cancelBtn.clone(true).data(data));
    }
});
```

I'm open to all suggestions. Basically I want the user to select files, and once selected, it will start uploading. I tried setting ```autoUpload``` to ```false``` and do all the validation and error handling manually in ```fileuploadadd```, but the problem is it throws all kinds of errors when I do a ```data.files.splice(index, 1);```. I'm guessing it's because the array pointer gets messed up and the script is written to handle that. I also tried firing ```data.submit()``` manually everytime an image is selected, which was pretty dumb of me because then ```data.submit()``` gets fired as many times as there are images selected.




{'source': 'StackExchangeDataset', 'subset': 'stackoverflow.com', 'metadata': {'AnswerCount': 0, 'CommentCount': 0, 'ContentLicense': 'CC BY-SA 3.0', 'CreationDate': '2015:00:06/05/15', 'FavoriteCount': None, 'PostTypeId': 1, 'Tags': '<jquery><jquery-file-upload><blueimp>', 'Title': 'Blueimp/jQuery File Upload autoUpload fail when one of the selected files is not image', 'ViewCount': 501, 'id': 30664867, 'user_AboutMe': '', 'user_AccountId': 3296154.0, 'user_DisplayName': 'Mike Feng', 'user_Reputation': 783.0, 'user_Views': 91.0, 'user_id': 2773381.0}}