Long file name for RadAsyncUpload

[Veeresh]

Hi telerik,

I have a file which is having long file name, when i upload file in RadAsyncUpload the file name is looking too strange.

please help me to solve this.

thanks in advance.

Veeresh

[sri]

Hi,
I have similar problem.Is there any way to wrap test and display complete filename in the tooltip?

[Shinu]

Hi,

Try the following javascript to achieve your scenario.

ASPX:

<telerik:RadAsyncUpload OnClientFileUploaded="fileSelected" ID="RadAsyncUpload1" runat="server">
</telerik:RadAsyncUpload>
<telerik:RadToolTip runat="server" ID="tooltip1" TargetControlID="ClientID" IsClientID="true">
</telerik:RadToolTip>

JS:

function fileSelected(sender, args)
 {
    var $span = $telerik.$(".ruUploadProgress", args.get_row());
    var name = $span.text();
    if (name.length > 15)
    {
        var newString = name.substring(0, 15) + '...';
        $span.text(newString);
    }
      // to add tooltip
    var radToolTip = $find("<%= tooltip1.ClientID %>");
    var RadAsyncUpload1 = $find("<%=RadAsyncUpload1.ClientID%>");
    radToolTip.set_targetControlID("RadAsyncUpload1");
    radToolTip.set_text(name);
}

Thanks,
Shinu.

[Wired_Nerve]

Great solution.. thanks

[Sameer]

Hello Shinu, in my case the issue is something different. When I upload a file with a very lengthy name, the file is shown with red marker as if I have uploaded an invalid file. This happens in Firefox 23 and not in IE. Why?

[Shinu]

Hi Sameer,

Such an issue happens in older versions of Firefox when you try to upload files with lengthy file names using the File Api Upload module. As a temporary solution, try the following JavaScript.

JavaScript:

<script type="text/javascript">
    Telerik.Web.UI.RadAsyncUpload.Modules.FileApi.isAvailable = function () { return false; }
</script>

Thanks,
Shinu.

[Sameer]

Thanks shinu. It worked great.

[hunderson]

Hy,i had the same problem as you.For me (long_path_tool) helped me a lot.I am sure it will help you too.