IE6, IE7 

<html>
<body>
<script type="text/javascript" language="javascript">
<!--
function PreviewImg(imgFile){

var newPreview = document.getElementById("newPreview"); 

 var imgDiv = document.getElementById("showPicUrl");

 imgDiv.style.width = "118px"; imgDiv.style.height = "127px";
 imgDiv.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod = scale)"; 
 imgDiv.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;

}
-->
</script>

IE6,IE7,IE8图片预览 在页面中加入如下代码：

<div id="newPreview"></div>
 <div id="showPicUrl"></div>
 <hr />
 <p>
 选择图片：<input type="file" size="20" οnchange="javascript:PreviewImg(this);" />
 </p>
</body>
</html> firefox, chrome浏览器
 
 
 
var pre_pic_id ="#div134";
  FileReader = window.FileReader;
   if (FileReader) {  
     //FF chrome预览
       var reader = new FileReader(),  
           file = obj.files[0];  
       reader.onload = function(e) {  
           $(pre_pic_id).html("");
           $(pre_pic_id).append('<img width="120" height="100" src="http://qingfengxia2.blog.163.com/blog/' +e.target.result+ '">');
       };  
       reader.readAsDataURL(file);  
   }