Question

jsp 上传图片时的即时缩略预览 问题

我在tomcat运行 打开浏览器（ie8）测试时 没有预览图 ，但我打开页面源文件 将代码拷贝到新建的html文件中 运行时可以看到预览图 ，在 MyEclipse8.0中预览也可以看到缩略图 ，不知道怎么回事
js 代码
<script for="txtProductPic" event="onpropertychange" language="javascript"> //"txtProductPic" 上传控件（<input type="file" ../>的Id
var oldImage=new Image();
this.select();
var path = document.selection.createRange().text;
//var path=this.value;
//oldImage.src=this.value;
oldImage.src=path;

var prewImg=document.getElementById("pic"); // pic --显示缩略图的img标签 的id

if(oldImage.width>110 || oldImage.height>110)
{
if(oldImage.width>=oldImage.height )
{
prewImg.width=110;
prewImg.height=Math.round(oldImage.height*110/oldImage.width);
}
else
{
prewImg.height=110;
prewImg.width=Math.round(oldImage.width*110/oldImage.height);
}
}

//pic.src=this.value;
prewImg.src=path;
</script>

<script for="pic" event="onerror" language="javascript"> //当 id 为 pic 的对象在装载过程中发生错误时触发此段代码
this.style.display="none"; //隐藏图片
alert("所选文件并非图片，请重新选择");
</script>
为什么页面在 tomcat上测试 和 把页面源码 拷贝到本地测试 结果不同呢 ..？ JavaScript不是在客户端执行的吗

Answer 1

浏览器安全性已经大大提高，要实现图片上传预览不是那么简单了

不过有很多变通或先进的方法来实现

例如ie7/ie8的滤镜预览法，firefox 3的getAsDataURL方法

具体可以参考这个图片上传预览效果

Answer 2

好像不行