您的位置:首页 > 其它

上传图片显示缩略图

2016-02-20 20:15 411 查看
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: