js验证上传文件大小、图片类型限制
来源:互联网 发布:windows如何开启休眠 编辑:程序博客网 时间:2024/05/08 08:40
function checkForm(){
var title=$("#title").val();
var imgurl=$("#imgurl").val();
var dis1=$("#dis1").val();
if(title==null || title==""){
$("#error").html("标题不能为空!");
return false;
}
if(imgurl==null || imgurl==""){
$("#error").html("上传作品不能为空!");
return false;
}
if(dis1==null || dis1==""){
$("#error").html("作品描述不能为空!");
return false;
}
//图片上传过滤
var maxsize = 1*1024*100;//1M
var errMsg = "上传的附件文件不能超过100kb!!!";
var tipMsg = "您的浏览器暂不支持计算上传文件的大小。";
var browserCfg = {};
var ua = window.navigator.userAgent;
if (ua.indexOf("MSIE")>=1){
browserCfg.ie = true;
}else if(ua.indexOf("Firefox")>=1){
browserCfg.firefox = true;
}else if(ua.indexOf("Chrome")>=1){
browserCfg.chrome = true;
}
try{
var obj_file = document.getElementById("imgurl");
alert(obj_file);
if(obj_file.value==""){
alert("请先选择上传文件");
return;
}
var filesize = 0;
if(browserCfg.firefox || browserCfg.chrome ){
filesize = obj_file.files[0].size;
}else if(browserCfg.ie){
var obj_img = document.getElementById('tempimg');
obj_img.dynsrc=obj_file.value;
filesize = obj_img.fileSize;
}else{
alert(tipMsg);
return;
}
if(filesize==-1){
alert(tipMsg);
return;
}else if(filesize>maxsize){
alert(errMsg);
$("#error").html("文件不能大于100KB!");
return false;
}else{
alert("文件大小符合要求");
return;
}
}catch(e){
alert(e);
}
return true;
}
var title=$("#title").val();
var imgurl=$("#imgurl").val();
var dis1=$("#dis1").val();
if(title==null || title==""){
$("#error").html("标题不能为空!");
return false;
}
if(imgurl==null || imgurl==""){
$("#error").html("上传作品不能为空!");
return false;
}
if(dis1==null || dis1==""){
$("#error").html("作品描述不能为空!");
return false;
}
//图片上传过滤
//alert(imgurl);
var file = document.getElementById("imgurl").value;
if(!/\.(jpg|jpeg|png|GIF|JPG|PNG)$/.test(file)){
alert(file);
alert("图片类型必须是.jpeg,jpg,png中的一种")
$("#error").html("图片类型必须是.jpeg,jpg,png中的一种!");
return false;
}
var maxsize = 1*1024*100;//1M
var errMsg = "上传的附件文件不能超过100kb!!!";
var tipMsg = "您的浏览器暂不支持计算上传文件的大小。";
var browserCfg = {};
var ua = window.navigator.userAgent;
if (ua.indexOf("MSIE")>=1){
browserCfg.ie = true;
}else if(ua.indexOf("Firefox")>=1){
browserCfg.firefox = true;
}else if(ua.indexOf("Chrome")>=1){
browserCfg.chrome = true;
}
try{
var obj_file = document.getElementById("imgurl");
alert(obj_file);
if(obj_file.value==""){
alert("请先选择上传文件");
return;
}
var filesize = 0;
if(browserCfg.firefox || browserCfg.chrome ){
filesize = obj_file.files[0].size;
}else if(browserCfg.ie){
var obj_img = document.getElementById('tempimg');
obj_img.dynsrc=obj_file.value;
filesize = obj_img.fileSize;
}else{
alert(tipMsg);
return;
}
if(filesize==-1){
alert(tipMsg);
return;
}else if(filesize>maxsize){
alert(errMsg);
$("#error").html("文件不能大于100KB!");
return false;
}else{
alert("文件大小符合要求");
return;
}
}catch(e){
alert(e);
}
return true;
}
0 0
- js验证上传文件大小、图片类型限制
- js验证上传图片文件大小,类型等
- js限制上传文件大小
- js限制上传文件大小
- js限制图片文件大小
- 转别人一个js前端验证上传文件大小限制
- IE+JS: 上传之前检测图片文件大小及类型
- js显示上传图片的缩略图、验证上传文件的格式、验证上传文件大小、验证图片宽、高
- js客户端判断文件大小限制上传
- 客户端js判断文件类型和文件大小即限制上传大小图片预览
- jquery实现上传文件大小类型的验证
- webuploader上传文件,含文件大小、类型验证
- jquery实现上传文件大小类型的验证
- JavaScript验证上传文件大小和类型
- JS判断限制上传文件(图片)类型
- JS 判断 图片上传_限制格式、类型、尺寸
- JS 判断 图片上传_限制格式、类型、尺寸
- “js+flash上传组件”客户端验证文件大小
- Java建造者模式,Android建造者模式的AlertDialog
- 在Mac上安装OpenCV
- 解决Android studio中 logcat等乱码问题
- 【步步为营之Activiti】--userTask(上)
- Android 自定义View (四) 视频音量调控
- js验证上传文件大小、图片类型限制
- Android ViewGroup中有关测量的方法
- 理解Solr缓存及如何设置缓存大小
- WM_CLOSE,WM_QUIT,WM_DESTROY消息的区别
- LeetCode 64/62/63. Minimum Path Sum/ Unique Paths i, ii
- Python2.x的下载与安装
- Android 手把手教您自定义ViewGroup(一)
- 【iOS真机调试】xcode7.2用真机iOS9.3调试
- 一些有意思的网页