This is a migrated thread and some comments may be shown as answers.

IE8 upload control shows "c:\fakepath\"

36 Answers 1920 Views

Upload (Obsolete)

This is a migrated thread and some comments may be shown as answers.

36 Answers, 1 is accepted

answered on 17 Apr 2009, 07:32 AM

Jay,
Im also using IE8 and I dont have this error.

But... after thinking about it have you tried putting a normal upload control on the page? If so, do you get the same error? Because the Telerik controls prob just piggyback on the back of the normal control. You could try the old html version of the file upload as well to see if the same problem occurs.

Normal aspx control

asp:FileUpload ID="FileUpload1" runat="server" />

Old html version of the upload.

input type="file" name="htmlFileUpload" size="40"/>

As far as I know, IE keeps the default upload directory, rather then the page that is serving the control.

Hopefully something there helps,
Matt

answered on 17 Apr 2009, 05:19 PM

Wow, I am surprised more people haven't been hit with this yet.

Try this page (with IE 8):
http://demos.telerik.com/aspnet-ajax/upload/examples/clientsidevalidation/defaultcs.aspx

There is a new security "feature" in IE 8 that hides the real path of the selected file from JavaScript calls (it returns c:\fakepath\). This seems to only be activated for "Internet" servers ... not Local intranet servers (perhaps that's what is hiding this error from most of us).

The reason it shows up is that the Telerik upload control is actually hiding the "real" upload control, and adding a "skinned" upload control and edit box. They populate the input box using JavaScript, and thus, get the "c:\fakepath\".

Telerik, is this something that can be fixed?

Thanks,
Jay

answered on 20 Apr 2009, 07:26 AM

Hi guys,

A good discussion indeed (sorry for not being able to reply earlier).

As you already noted, the "fakepath" is related to the IE8 security feature, which makes it impossible for us to change the value.

I was thinking about the possibility that we check for the "fakepath" string and change it to something more meaningful in the "skinned" mode of RadUpload (e.g. EnableFileInputSkinning="true"). To my regret that would result in inconsistent behavior between the "skinned" and "unskinned" modes of the control. What I mean is that when EnableFileInputSkinning is set to "false", RadUpload uses the plain old HTML file input fields and we have not control over them via JavaScript.

By the way, there is a workaround to avoid users from seeing the "fakepath". It is the following:

Add a client-side event handler to the OnClientFileSelected event
The event handler should check if the user is running IE8, if RadUpload is in "skinned" mode and if the selected path contains the "fakepath" string
If the above conditions true the event handler should find a reference to the fake input textbox and change the value to something meaningful, e.g. [SelectionPath]\MyFile.gif

Best regards,
Erjan Gavalji
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

answered on 05 May 2009, 10:10 AM

Hello Erjan,

currently i am facing the same problem with the "fakepath".
According to your point 3 of the workaround:

3. If the above conditions true the event handler should find a reference to the fake input textbox and change the value to something meaningful, e.g. [SelectionPath]\MyFile.gif

Could you help me finding the input box. I think you mean this input field, right?
<input class="ruFakeInput" size="39" _events="[object Object]"/>

Do i have to iterate throug the objects to get that field, because it has no id?
Thansk for any help for that workaround.

Another question i have is, that if my Upload page is loaded the first time in IE 8 it seems that the fake input field is in front of the 'Browse' Button and it becomes quiet difficult to click it. Anyone faces this problem too?

Thanks,

Greets Sven

answered on 05 May 2009, 11:08 AM

Hi Sven,

You get a reference to the current row in the event arguments. Using the _getChildFileNameInputField method of RadUpload gives a reference to the fake text input element. Here is the simplest event handler:

function OnClientFileSelected(sender, args)
{
    var row = args.get_row();
    var fakeFileNameInput = sender._getChildFileNameInputField(row);
    var fakePathString = "fakepath";
    if (fakeFileNameInput.value.indexOf(fakePathString) == 0)
    {
        int fakePathLength = fakePathString.length;
        fakeFileNameInput.value = "[SelectionPath]" + fakeFileNameInput.value.substring(fakePathLength);
    }
}

As per the browse button clicking - we identified the problem some time after the official service pack and it is fixed in the latest unofficial build. Just to ensure it is not a different problem, can you please, download it, replace the assemblies in your website and check if the problem still exists on your side?

Best regards,
Erjan Gavalji
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

answered on 26 Aug 2009, 11:04 AM

there are a coupple of bugs in this code, otherwise it works fine!
It should be:

        function OnClientFileSelected(sender, args)
        {
            var row = args.get_row();
            var fakeFileNameInput = sender._getChildFileNameInputField(row);
            var fakePathString = "fakepath";
            if (fakeFileNameInput.value.indexOf(fakePathString) != 0)
            {
                var fakePathLength = fakePathString.length;
                fakeFileNameInput.value = "[SelectionPath]" + fakeFileNameInput.value.substring(fakePathLength);
            }
        }

answered on 26 Aug 2009, 11:45 AM

whoops! Should be:

        function OnClientFileSelected(sender, args)
        {
            var row = args.get_row();
            var fakeFileNameInput = sender._getChildFileNameInputField(row);
            var fakePathString = "fakepath";
            if (fakeFileNameInput.value.indexOf(fakePathString) != 0)
            {
                var fakePathLength = fakePathString.length;
                fakeFileNameInput.value = fakeFileNameInput.value.replace(fakePathString,"[SelectionPath]");
            }
        }

answered on 20 Nov 2009, 08:29 PM

This might be slightly better:
String.indexOf -1 means not found, 0 or greater means found at that index, so you need to account for all cases where indexOf the fakepath is greater than -1. Also, replace doesn't work if you are trying to update C:\fakepath\filename.ext to filename.ext. You need to use a substring that starts after c:\fakepath\ ends. Or it could be x:\fakepath\ so you can't just change fakePathString to "C:\fakepath" to fix.

function OnClientFileSelected(sender, args)
        {
            var row = args.get_row();
            var fakeFileNameInput = sender._getChildFileNameInputField(row);
            var fakePathString = "fakepath";
            if (fakeFileNameInput.value.indexOf(fakePathString) > -1)
            {
                var fakePathLength = fakePathString.length + fakeFileNameInput.value.indexOf(fakePathString) + 1;
                fakeFileNameInput.value = fakeFileNameInput.value.substring(fakePathLength);
            }
        }

answered on 02 Mar 2010, 09:34 AM

Hello Majid Darab,

I meant the exact version of IE8. We have checked out the online demos and some sample projects, however we didn't manage to reproduce the issue. The only fault that we found is that the tooltip still shows C:\fakepath\ instead of the selected file filename. We have fixed that and forth from the Q1 release (which is scheduled for the next week) we will standardize the tooltip and the value to show the selected file filename only.

Regards,
Genady Sergeev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 16 Mar 2010, 09:36 PM

hi my dear friend...
i am using my custom skin for my RadUpload :
so My RadUpload Is LIke This :

    
                                                    <telerik:RadUpload ID="ruPersonelPixInvwPersonelEdit" runat="server" AllowedFileExtensions=".jpg,.jpeg,.gif,.bmp" 
        
                                                        AllowedMimeTypes="image/gif,image/jpeg,image/pjpeg,image/bmp,image/x-windows-bmp" 
        
                                                        ControlObjectsVisibility="ClearButtons" EnableEmbeddedSkins="False" EnableTheming="True" 
        
                                                        Font-Names="Tahoma" InputSize="45" MaxFileInputsCount="1" OnClientFileSelected="CheckExtension" 
        
                                                        Skin="Office2007ByMe" MaxFileSize="4194304"> 
        
                                                        <Localization Add="Addd" Clear="Clearr" Delete="Deletee" Remove="Removee" 
        
                                                            Select="Selectt" /> 
        
                                                    </telerik:RadUpload>

best regards

answered on 06 Dec 2010, 03:34 PM

Hi Hanan,

Full path is returned only in Internet Explorer 6 and 7. The rest of the browsers do not support it so we have decided to implement the property in a standard way, i.e. it returns null. What is more the 'fake' path returned by IE8 is a feature of the browser, driven by security considerations. Finally from a developer point of view the path of the file on the client machine in most cases is irrelevant on the server where the file is uploaded as there the file resides on a different file structure. I hope this helps.

All the best,
Simon
the Telerik team

Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

answered on 02 Dec 2011, 09:28 AM

Hi Prajakta,

You can use the following code:

<script type="text/javascript">

function fileSelected(sender, args) {

var $ = $telerik.$;

var row = args.get_row();

var value = $(row).find(".ruFakeInput").val();

$(row).find(".ruFileInput").attr(

{

title: value,

alt: value

})

}

</script>

<telerik:RadUpload runat="server" ID="RadUpload1" OnClientFileSelected="fileSelected">

</telerik:RadUpload>

Kind regards,
Genady Sergeev
the Telerik team

If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

answered on 13 May 2013, 09:36 AM

Hello,
I tried this way.
<script type="text/javascript">
function OnClientFileSelected(sender, args) {
var row = args.get_row();
var fakeFileNameInput = sender._getChildFileNameInputField(row);
var fakePathString = "C:\\fakepath";
if (fakeFileNameInput.value.indexOf(fakePathString) == 0) {
var fakePathLength = fakePathString.length;
fakeFileNameInput.value = fakeFileNameInput.value.replace(fakePathString, "E:\\Itpeople");
}
}
</script>

But it only replace the string not the actual value. After selecting a file when i hover over the upload control tooltip shows "C:\fakepath\filename.zip". So still i'm unable to upload files.
I'm using RadControls for ASP.NET AJAX Q3 2009 SP1, because, my client want this project under this version of telerik.
So,how can i solve this ?

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

IE8 upload control shows &quot;c:\fakepath\&quot;

36 Answers, 1 is accepted

IE8 upload control shows "c:\fakepath\"