Open file selection using javascript

[Shukhrat Nekbaev]

Hi,

I need to trigger file selection dialog based on some concrete event, afaik, currently I can trigger it if it's rendered as input, but same trick, obviously, doesn't work when control is rendered as <object> (multiple file selection case). Question is do you have, if not then consider as feature request, abilitiy to trigger file selection dialog from JS. In my current project I have flash object and we communicate through JS, I feel like something similar could be useful.

Thank you!

[Helen]

Hello Shukhrat,

Actually we plan to implement a similar functionality in the near future.

Your points have been updated for the nice suggestion.

Regards,
Helen
the Telerik team

[SamVanity]

Is this capability available now?

I am thinking about using a button on the editor to bring up the open file dialogue. Programmatically clicking on the file input button doesn't seem to work on chrome (fileAPI) or IE(silverlight).

[SamVanity]

I was referring to a button on a WYSIWYG editor in my previous post.

I was able to achieve the effect with Chrome by setting the following CSS on page

.RadUpload .ruFakeInput,
.RadUpload .ruBrowse,
.RadUpload .ruFileWrap {display: none}

and bind the following handler to the editor button:

$('#editorButton').click(function () {
    var $inputFile = $('input:file').eq(0);
    $inputFile.closest('span').css('display', 'inline-block');
    $inputFile.click();
    return false;
});

However, this doesn't work with IE because IE uses silverlight. Any way we can trigger silverlight file dialogue?

[Genady Sergeev]

Hello Sam Van,

This approach is not cross browser and won't work in some old browser as well. As for IE, there is no way to trigger the Silverlight dialog with JavaScript, however, it is possible to disable Silverlight/Flash and stick to the IFrame module for IE. Here is how:

Telerik.Web.UI.RadAsyncUpload.Modules.Flash.isAvailable = function () { return false; };
Telerik.Web.UI.RadAsyncUpload.Modules.Silverlight.isAvailable = function () { return false; };

All the best,
Genady Sergeev
the Telerik team