Upload file selection limit not working... e.files.length always returns 1

[M]

Hi,

I am using Telerik upload control in my MVC3 application. And I wanted to limit the upload files selection to 4. So I used below code.

@(Html.Telerik().Upload()
        .Name("files")
        .Multiple(true)
        .Async(
                async => async
                .Save("Save", "MyController")
                .AutoUpload(false)
                .Remove("Remove", "MyController")
            )
            .ClientEvents(events => events
            .OnSelect("onSelect")
            )
   )

function onSelect(e) {
        var files = e.files;
        alert(files.length);
        if (files.length > 4) {
            alert("4 files allowed.");
            e.preventDefault();
        }
    }

But in the Javascript function I am getting the files.length always as 1.

Any reasons why?

 

[T. Tsonev]

Hi,

The onSelect event arguments contain the files that the user has just selected. Previously selected files are not included.

In order to limit the total number of files, you need to handle the onRemove event as well and keep count. Something like:
var totalFiles = 0;

function onSelect(e) {    
    var selectedFiles = e.files.length;
    if (totalFiles + selectedFiles > 4) {
        alert("4 files allowed.");
        e.preventDefault();
    }
    else {
        totalFiles += selectedFiles;
    }
}

function onRemove(e) {
    totalFiles--;
}

We recognize that this is a common requirement and we're looking forward to make it easier by adding an option.

All the best,
Tsvetomir Tsonev
the Telerik team

[M]

Thanks Tsonev,
That means the section mentioned/shown here is misleading 
http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-upload-client-api-and-events.html#OnSelect 


Thanks,
M

[T. Tsonev]

Hi,

Yes. Indeed it is and we'll correct it.

As a token of gratitude for your involvement your Telerik points have been updated.

Greetings,
Tsvetomir Tsonev
the Telerik team