上传图片显示缩略图

<script>
function veriFormat(val){
var strMrt = val.val().split(".")[val.val().split(".").length - 1];
if(strMrt){
ext = strMrt.toUpperCase();
if(ext!="BMP"&&ext!="PNG"&&ext!="GIF"&&ext!="JPG"&&ext!="JPEG"){
alert("图片限于bmp,png,gif,jpeg,jpg格式");
/*val.nextAll(‘.tumb_area‘).slideUp(100);*/
val.val("");
return false;
}else{
return true;
}
}else{
return true;
}
}

$(‘body‘).on(‘change‘,‘.input_file‘,function(e){
var file = e.target.files[0];
var reader = new FileReader();
var t=$(this);
if(veriFormat(t)){
/*t.nextAll(‘.tumb_area‘).slideUp(100);*/
reader.onload = function(e){
//displayImage($(‘bd‘),e.target.result);
//alert(‘load‘);
t.nextAll(‘.tumb_area‘).children(‘img‘).attr(‘src‘,e.target.result);
t.nextAll(‘.tumb_area‘).slideDown(100);
}
reader.readAsDataURL(file);
t.blur();
}
});
</script>

上传图片显示缩略图

原文：http://www.cnblogs.com/mrt-yyy/p/5203911.html