如何通过js即时在网页中显示用file控件在本地电脑中所选择的图片

Question

目的：用file控件选择电脑中的图片，然后通过js即时在网页中显示所选择的图片。
已有：<img id="img"  src="" />
<input id="chooseimg" type="file"    onpropertychange="showpic()" /> 
function  showpic(){
document.getElementById("img").scr = document.getElementById("chooseimg").value
        没有能显示出来。

Answer 1

function showpic(){
document.getElementById("img").src = document.getElementById("chooseimg").value
}onchange="showpic()"

Answer 2

无非就是设置图片的src为指定的图片

Answer 3

<input id="chooseimg" type="file" onchange="showpic(this)" /><br>
<img id="img"  src="" /><script>
function  showpic(t){
document.getElementById("img").src = t.value
}
</script>

Answer 4

function  showpic()已经可以用onpropertychange激活，所以，只是Js里的问题。
我感觉
document.getElementById("img").src = document.getElementById("chooseimg").value 
这个赋值完后应该有个语句刷新一下。它都会显示新的出来。问题是这怎么写？

Answer 5

能用onpropertychange应该是ie内核的浏览器img.src = xxx加载不了图片？什么版本的ie？

Answer 6

IE5.5-8下都可用（ie里可以设置不显示完整路径，此时无效），ff3下不可用（ff3下只能得到文件名，得不到完整的路径）
<script type="text/javascript">
    function $(id){
        return document.getElementById(id);
    }
    
    function preview(file, img){
        var nImg = document.createElement('img');
        nImg.id = img.id;
        nImg.src = 'file:\/\/\/' + file.value.replace(/\\/g, '\/');
        img.parentNode.replaceChild(nImg, img);
    }
</script>
<input type="file" onchange="preview(this, $('test'))"/><img id="test" />

Answer 7

上面代码看上去是对的 ，重点是 在img的src属性给绝对路径显示不了 ，如果能解决这个问题 那么就好解决了。