怎样实现在Firefox下图像预览 ？

下面是我用JS实现图像预览的小程序。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<meta name="designer" content="浴火凤凰" />
<title>★JavaScript脚本爱好者学习交流的天堂乐园★</title>
<style type="text/css">
<!--
.div1{
background-color:;
width:500px;
height:500px;
}-->
</style>
<script type="text/javascript">
<!--
function imagePreview(n){
var image=document.getElementById("file1"); 
var img1=document.getElementById("img1"); 
var imageSrc=image.getAttribute("value");
if(n=="1"){
img1.setAttribute("src",imageSrc);
//img1.style.width="250px";
img1.setAttribute("width","250");
//img1.style.height="250px";
img1.setAttribute("height","250");
img1.style.display="block";
}
else {img1.style.display="none";
}
}
//-->
</script>
</head>
<body>
<h1>示例</h1>
<form name="form1" id="form1">
<input type="file" name="file1" id="file1" />
<input type="button" name="button1" id="button1" onclick="imagePreview('1');" value="预览图像" />
<input type="button" name="button2" id="button2" onclick="imagePreview('0');" value="取消预览" />
</form>
<div name="div1" id="div1" class="div1" >
<img name="img1" id="img1" class="img1" src="" style="display:none;" />
</div>
</body>
</html>
我测试了在IE6下完全没有问题，怎么在Firefox下没有显示啊？
是不是我用了IE的专用属性了啊？是哪一个啊？希望高手指点一下，万分感谢！
还有就是
在HTML代码中<form>标签对应JavaScript中的document.form对象，
我想问的是<input type="file" name="file1" id="file1" />
对应JavaScript中的对象叫什么名字？它都有一些什么属性？