上传图片显示缩略图
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>
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>
相关文章推荐
- Spring MVC 中的 forward 和 redirect 的简单理解
- 第十三章 用户界面样式
- hdu2732 Leapin' Lizards
- 预处理进行调试
- 第十二章 列表和生成元素
- 第十一章 表布局
- 基础练习 数列特征
- 有一条短信pop up提醒(常驻BroadcastReceiver)
- php日期时间
- 8-题目1070:今年的第几天?
- contentOffset、contentSize和contentInset
- Design Tradeoffs for Data Deduplication Performance in Backup Workloads
- 日历
- Android的IPC机制(二)——AIDL实现原理简析
- 要学的地方很多,加油
- 基础练习 查找整数
- Struts2之result的配置
- subline text使用技巧
- gdb 远程qemu-arm调试
- POJ 1734(后缀数组)