IE8上传图片无法预览问题~~

Question

页面在IE6中没问题，放在HTML文件中双击浏览也没问题，但通过LOCALHOST访问，图片就显示不出来，IE8也是，请高手帮忙解决~~~代码如下：
<input id="pic" onchange="changePic()" onmousedown="picDown()" type="file" />
<img id="bg_img" src="" height="100%" width="100%" />
function changePic()
{
var myfile=document.getElementById("pic");
myfile.select();
document.getElementById("bg_img").src =document.selection.createRange().text;;
document.getElementById("watchpic").style.display = "block";
}
注：watchpic是bg_img的父层

Answer 1

为什么不直接 document.getElementById("bg_img").src =myfile.value;   ??

Answer 2

<input onchange="document.getElementById('bg_img').src=this.value;" type="file" />
<img id="bg_img" src="" height="100%" width="100%" />
这样既可，我在本地试了，IE8可以用

Answer 3

你用服务器浏览就不行了（http://localhost）

Answer 4

http://localhost:端口号
是不是要加端口号啊。

Answer 5

参考：http://www.uedsky.com/sky/demo/preview_image_in_file_upload.html

Answer 6

IE7+中需要用滤镜或背景图的方式实现。
用滤镜：请Google：AlphaImageLoader 介绍。
用背景：obj.style.backgroundImage = "url('"+inputFile.value+"')";