During our project, I stumbled upon a problem that seemed unsolveable. I was required to get the full path name:
C:\Documents and Settings\Clare\My Documents\test.jpg
My html code was:
<input id="uploadedFile" name="uploadedFile" type="file" onchange="readFile();">
<input type="hidden" value="" id="uploadFileName"/>
My Javascript/Jquery code:
function readFile() {
var fullPath = $('#uploadedFile').val();
if (fullPath != null) {
alert(fullPath );
$('#uploadFileName').val(fullPath ); //Transfer the file path to hidden field
}
However, this only works with IE. And we mainly use Firefox.
In firefox,
The output is: test.jpg
Note: For security reasons, FF prevents the server to access local information.
In IE,
The output is: C:\Documents and Settings\Clare\My Documents\test.jpg
which is correct.
I have been searching for the solution for almost 8 hours. I have tried using an applet but it didn't work(Probably done it the wrong way). Until I found this 100% working solution:
I forgot the website, but if you are the owner of this code, pls don't hesitate to send me a msg.
Complete html code:
<input id="uploadedFile" name="uploadedFile" type="file" onchange="readFile(this);">
<input type="hidden" value="" id="uploadFileName"/>
Code:
Thursday, 11 October 2012
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment