<html>
<head>
<title>get file input full path</title>
<script language='javascript'>
function getFullPath(obj)
{
if(obj)
{
//ie
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
obj.select();
return document.selection.createRange().text;
}
//firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
if(obj.files)
{
return obj.files.item(0).getAsDataURL();
}
return obj.value;
}
return obj.value;
}
}
function showPic(obj){
var path=getFullPath(obj);
var picpreview=document.getElementById("preview");
if(!path){
return false;
}
if(window.navigator.userAgent.indexOf("MSIE") >= 1) {
if(picpreview) {
try{
picpreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = path;
}catch(ex){
return false;
}
}else{
picpreview.innerHTML="<img src='"+path+"' />";
}
} //firefox
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
picpreview.innerHTML="<img src='"+path+"' />";
}
resizePhoto(path);
}
function resizePhoto(path){
var imgObj = new Image();
imgObj.src = path;
var width = imgObj.width;
var height = imgObj.height;
try{
if((typeof width=="undefined" || width==0) && (typeof height=="undefined" || height==0)){
var picpreview=document.getElementById("preview");
if(picpreview && picpreview.filters && picpreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src) {
var tempDiv=document.createElement("div");
picpreview.appendChild(tempDiv);
tempDiv.style.width="10px";
tempDiv.style.height="10px";
tempDiv.style.diplay="none";
tempDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);";
tempDiv.ID="previewTemp";
var url=picpreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src;
tempDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=url;
width=tempDiv.offsetWidth;
height=tempDiv.offsetHeight;
picpreview.removeChild(tempDiv);
picpreview.style.height=height;
picpreview.style.width=width;
}
}
}catch(e){
alert(e.name + ": " + e.message);
}
}
</script>
</head>
<body>
<input type="file" οnchange="showPic(this)" />
<div id="preview"
style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); width: 160px; height: 180px; border: solid 1px black;">
</div>
</body>
</html>