上传图片显示缩略图
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了上传图片显示缩略图相关的知识，希望对你有一定的参考价值。
<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>
以上是关于上传图片显示缩略图的主要内容，如果未能解决你的问题，请参考以下文章