ここで私が使用するこのコードでは<input type="file>
、ユーザーが任意のファイルを参照した後に完全なパスが必要です。
HTML
<input class="file_upfile" type="file" />
<input class="btn_showpath" type="button" value="Show Full Path"/>
<p class="p_upfilepath">Full path will display here<p>
ここでは関数を使用しますが、FireFoxでは FILENAME.txt(eg)$('.classname').val();
のみを返します。IEとChromeで同じコードを使用すると、 「C: /fakepath/myfilename.txt 」が返されます。
jQuery
/* Here <p> show only file name, I want a full path of file
like "c:\something\folder\filename.txt" */
$('.btn_showpath').click(function(){
var getpath = $('.file_upfile').val();
$('.p_upfilepath').slideUp(function(){
$('.p_upfilepath').text('"'+getpath+'"').slideDown();
});
});
CSS
.p_upfilepath{
background:#aaaaaa;
padding:3px 10px;
width:auto;
color:#555555;
}