Unable to get textbox in client side.

[Jane]

Hi Telerik,

I want to access the textbox of asyncupload in javascript. I was trying with the onclientfileselected event handler and there I got the getFileinputField() function but on debugging I am getting a null value. Here is the code I wrote.

<script type="text/javascript">
function fileselectedhandler(sender, eventArgs)
{
     var inputfield=eventArgs.getInputField();
}
</script>

I am not getting any JS error.

Thanks and Regards,
Jane

[A2H]

Hi Jane,

Please try the below implementation to access the textbox.

function fileselectedhandler(sender, eventArgs) {
            var inputfield = eventArgs.get_fileInputField();
            alert(inputfield.value);
        }

Thanks,
A2H

[Shinu]

Hi Jane,

This is a known issue and to fix this you have to set DisablePlugins property of RadAsyncUpload to true and add the following style.

CSS:

#thumbnail img
{
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}

Thanks,
Shinu.

[Jane]

Got it working shinu thanks

[Jane]

Hi shinu

I am hiding the select button. Instead I want to display Click here to select files text inside the textbox. Please help.

[Shinu]

Hi Jane,

Please try the following JavaScript.

JavaScript:

<script type="text/javascript">
    function pageLoad() {
        var $ = $telerik.$;
        $('.ruFakeInput.radPreventDecorate').val("Click here to select files");
    }
</script>

Thanks,
Shinu.