上传图片绝对路径无法显示

Question

我要在addPhoto.jsp页面中点击 添加图片 按钮，则弹出 photoSelect.jsp页面的对话框，在该对话框页面中选择要上传图片，将该图片的src返回给addPhoto.jsp，现在出现了个问题，在photoSelect.jsp页面选择上传的图片时，图片无法显示。下面我把主要的代码贴出，请各位帮帮忙！！！addPhoto.jsp:function addPhoto(){
var url = "photoSelect.jsp";
var photo = window.showModalDialog(url,window,'width=350,height=250,help=no,scrollbars=yes,center=yes,status=no,resizable=yes');
}
<a href="#" onClick="this.blur();addPhoto()"><span id="btn_new">添加照片</span></a><br />
photoSelect.jsp:/** 选择图片   **/
function selectPic() {
var imgfile = document.getElementById("imgfile");
var img = document.getElementById("img");
if(imgfile.value != null && imgfile.value.length>0){
var imgfile_value = imgfile.value;
//解决浏览器兼容问题
if(imgfile_value.indexOf("file:///") == -1){
imgfile_value = "file:///" + imgfile_value;
}
imgfile_value = imgfile_value.replace(/\\/g,"/");

var pattern = /\.jpg$|\.jpeg$|\.gif$|\.png$/;
if(pattern.test(imgfile_value)){
img.style.display = "block";
img.src = imgfile.value;
alert(img.src);
}
else{
alert("请选择正确的图片格式！");
imgfile.value = "";
imgfile.focus();
return;
}
}
}/** 选择 **/
function doSelect(){
var imgfile = document.getElementById("imgfile");
if(null != imgfile && imgfile.value.length>0){
window.returnValue = imgfile.value;
}
else{
alert("请选择图片！");
return;
}
}
<a href="#" onClick="this.blur();doClose();"><span id="btn_no">关闭</span></a>
<a href="#" onClick="this.blur();doSelect();"><span id="btn_yes">确定</span></a><br />
<input type="file" name="imgfile" onChange="selectPic()" >
<img name="img" style="display:none;" width="200" height="200">
在photoSelect.jsp页面，我点击 浏览 按钮，选择好图片后 <img .../>无法显示，不知道为什么？？
各位高手帮帮忙，这个问题已经困扰我半天了！

Answer 1

检查一下img的src路径是不是正确的 

Answer 2

这个没问题，都是自动取的图片的路径，前面加了file:///，固定为绝对路径，写法没问题

Answer 3

还发现个问题，如果我把这两个页面就上面的部分写成静态的HTML，放其他文件夹，不是该工程文件夹中，效果都没问题，都能显示浏览选择的图片
这究竟是怎么回事？

Answer 4

去服务器路径
并且你的项目是部署在Linux系统下还是windows系统下
两者是有区别的

Answer 5

是windows系统
去服务器路径 ？？是什么意思
我主要是<input type="file" .../>这个表单控制打开图片后在<img name="img" .../>中无法显示，路径是取的绝对路径，因为我还没到上传图片到服务器的步骤呢