input[type=file]上传文件(格式判断、文件大小、上传成功后操作)

        var isUploadImg = false;
//在input file内容改变的时候触发事件******************上传图片
$('#filed').change(function(){
var file = $('#filed').get().files[];
var fileSize = file.size,fileType = file.type;
if (file.name.lastIndexOf('.')==-){ //如果不存在"."
$.dialog({content: '路径不正确', time: });
return false;
}
var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|.swf|";
var extName = file.name.substring(file.name.lastIndexOf(".")).toLowerCase();//(把路径中的所有字母全部转换为小写)
if(AllImgExt.indexOf(extName+"|")==-)
{
$.dialog({content: '非法图片格式', time: });
return false;
}
//console.log(fileSize,fileType);
if(fileSize<){
if(window.FileReader){
//创建用来读取此文件的对象
var reader = new FileReader();
//使用该对象读取file文件
reader.readAsDataURL(file);
//读取文件成功后执行的方法函数
reader.onload=function(e){
//读取成功后返回的一个参数e,整个的一个进度事件
console.log(e);
//选择所要显示图片的img,要赋值给img的src就是e中target下result里面
//的base64编码格式的地址
$('#imgshow').get().src = e.target.result;
isUploadImg = true;
}
}
}else{
$.dialog({content: '图片大小超过限制', time: });
return false;
} })
上一篇:php字符串中单引号''和双引号“”的区别


下一篇:回顾2017系列篇(一):最佳的11篇UI/UX设计文章