Re-apply HTML5 Filter After Removing File

[Michael]

I am using $('.ruFileInput').attr('accept', 'image/*'); to apply a filter on an AsnycUpload control with MaxFileInputsCount set to 1. This works great on initial load, but if a user removes the file and clicks to upload a new one, the filter is no longer applied.  I tried using the same jQuery code to re-apply the filter in the OnClientFileUploadRemoved event, but the ruFileInput element hasn't been recreated at this point, so it doesn't work.  Any ideas on how else I can re-apply the filter after a file is removed?

[Peter Milchev]

Hello Michael,

Wrapping the attribute setting logic in a function called by setTimeout should allow the input to render before executing the attribute logic:

function OnClientFileUploadRemoved() {
    setTimeout(function () {
        $telerik.$('.ruFileInput').attr('accept', 'image/*');
    });
}

Here is a forum thread that would help you better understand what the setTimeout function achieves: Why is setTimeout(fn, 0) sometimes useful?

Regards,
Peter Milchev
Telerik by Progress