Is there a way to only show the last uploaded files in k-upload-files sections

[Jianwei]

My control only allows one file to be uploaded, and I want the k-upload-files section only show the latest file , not the list of files. Is there a configuration that I can change to achieve this?

In my attached image, I only want the second file displayed when the user choose to upload a different image.

[Dimiter Madjarov]

Hi Jianwei,


Since the current scenario requires that only one file should be uploaded at a time, you could set the multiple option of Kendo Upload to false. Here is a JS Bin example, which demonstrates this.

 

All the best,
Dimiter Madjarov
the Telerik team

[Jianwei]

Does it work if I have async object?

[Dimiter Madjarov]

Hi Jianwei,


Yes, this approach will work for async upload too.Please keep in mind that if the autoupload option is set to true, even if the multiple option is set to false, this will not limit the total number of uploaded files, it will just force the user to select a single file at a time.

 

Greetings,
Dimiter Madjarov
the Telerik team

[Jianwei]

Here is what I have now, but it's still allow me to upload multiple files?  Any idea?

  $("#ceContentFileUpload").kendoUpload({
            async: {
                saveUrl: '@(Url.Action("SaveResource", "File"))',
autoUpload:false
            },
            multiple: false,
            upload: function (up) {
                up.data = { parentEntityId: '@(Model.ParentId)' };
            },
            success: function (up) {
                var fileName = up.files[0].name;
                vm.contentName(fileName);
                vm.hyperLinkText(fileName);
            },
            error: function (up) {
                $.growlUI('Error', 'Unable to upload file. Please try again or contact the system administrator if the problem persists', 2000);
            }
        });

[Dimiter Madjarov]

Hello Jianwei,


Your code seems correct. Please take a look at the attached example and let me know if it covers your scenario. If that is not the case, could you explain what is the expected behavior?

I am looking forward to hearing from you.

 

Regards,
Dimiter Madjarov
the Telerik team

[Jianwei]

Great. The example does help me identify the issue, I think I didn't put the removeUrl into the configuration.