Question

用javascript显示上传的图片

<form name="form1">
<input type="image" width="500px" height="500px" name="updateArea" />
<input type="file" name="fileSrc" />
<input type="button" value="提交" onclick="Update();" />
</form>
以上是HTML的标签，希望单击提交按钮就把<input type="file" name="fileSrc" />指向的图片显示在<input type="image" width="500px" height="500px" name="updateArea" />中，Javascript代码越少越好！
只要经过试验，成功了的代码！！！！

Answer 1

在浏览器中显示本地图片:
<img src="file:///c:1.jpg"/>
这个 只有IE6支持，

全兼容的提交前预览，
只能用AJAX偷偷的提交到 服务器 再返回个http:地址， 或flash什么的了。

Answer 2

<script type="text/javascript">
function Update()
{
var im=document.getElementById("img");
im.style.display="block";
im.src=document.getElementById("file").value;
}
</script>
<form name="form1">
<input id="img" type="image" width="500px" height="500px" name="updateArea" style="display:none" />
<input id="file" type="file" onChange="Update()" name="fileSrc" />
<input type="button" value="提交" />
</form>

楼主试试是不是这样的效果？

Answer 3

你是想实现预览效果吧？
如果是的话，js是不能显示本地文件的（包括图片）。
你可以用伪ajax先上传图片，然后返回图片在服务端的路径在页面上显示！

Answer 4

上传文件时把图片在临时目录方一份，页面中使用img标签的src去进行图片显示，src路径就是你临时文件夹的路径，名字嘛，和上传的一摸一样最好。