jQuery上传图片预览,简洁版,可兼容IE和FIREFOX,见附件,写得比较简单,大家自己去扩展啊
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>MyHtml.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="jquery-1.3.2.min.js"></script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<div>
<table>
<tr><td>图片1<input type="file" id="image_1"></td><td>预览1<div id="show_1"></div></td></tr>
<tr><td>图片2<input type="file" id="image_2"></td><td>预览2<div id="show_2"></div></td></tr>
</table>
<div>
<script>
$(document).ready(function(){
$("[id^='image_']").change(function(){
var id=$(this).attr('id');
var v;
//var v = this.files.item(0).getAsDataURL();
if($.browser.msie){
v = $(this).val();
v = "file:///"+v;
}else{
v = $(this)[0].files[0].getAsDataURL();
}
var a = id.split("_");
$("#show_"+a[1]).empty();
$("#show_"+a[1]).append('<img src="" >').children('img').attr("src",v);
});
});
</script>
</body>
</html>