var filename = $('#fileData').val()

Sunil Sudhansu

8y1.5k

var filename = $('#fileData').val();

it gives like this C:\fakepath\SO_Status.xlsx

but what i realy wanted is path of a file and not data inside a file / no need to upload a file C:\filesFolder\SO_Status.xlsx (assuming 'SO_Status.xlsx' file present in fakepath)

thanks

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Altaf Ansari8y ago
For security reasons browsers do not allow this, i.e. JavaScript in browser has no access to the File System.first you have to store the file on server and then extract the file path in javascript..

Use Ajax AsyncFileUpload
"uploadComplete" runat="server" ID="AsyncFileUpload1"
ThrobberID="imgLoader" OnUploadedComplete="FileUploadComplete" />
Server Side Code :
protected void FileUploadComplete(object sender, EventArgs e)
       {
           string filename = System.IO.Path.GetFileName(AsyncFileUpload1.FileName);
           AsyncFileUpload1.SaveAs(Server.MapPath(this.UploadFolderPath) + filename);
       }
Client Side Javascript Code :
   function uploadComplete(sender, args) {
            var imgDisplay = $get("imgDisplay");
           // in imgDisplay.src you will get the image path
            imgDisplay.src = "<%# ResolveUrl(UploadFolderPath) %>" + args.get_fileName();
}
i have already implemented in my article project please see example for better undersatnd:

http://www.c-sharpcorner.com/article/signalr-chat-app-with-asp-net-webform-and-bootstrap-part-three/
+1
Madhanmohan Devarajan8y ago
Hi Sunil,

First i would like to know whether you are trying to get the value of the file path from html element "fileData" ?

Are you trying to upload or attach the excel file "SO_Status.xlsx" to server?

Or excel file link is there in the web form and you want the path (having server url\SO_Status.xlsx") ?

Please be specific on the html element ('#fileData'), why you need it, what should it contain and what you are going to do with it.

Thanks,
Madhan
+1
Asma Khalid8y ago
you need to provide paths like following
http://yourweb.com/fakepath/SO_Status.xlsx
Where it is assumed that you have already uploaded the target file into your server target folder in this case it is "fakepath"
+2
Dharmraj Thakur8y ago
You have to upload a file to server and store in particular server location then return the saved filepath back to the javascript...
+1