js实现上传图片类型大小的检测代码
2011-04-06 11:24
806 查看
js实现上传图片类型大小的检测代码
var img=null;
function showtype()
{
if(document.up.title.value=="")
{alert("请输入照片说明!");
document.up.title.focus();
return false;
}
var fsize=0;
if(img)img.removenode(true);
img=document.createelement("img");
img.style.position="absolute";
img.style.visibility="hidden";
document.body.insertadjacentelement("beforeend",img);
img.src=up.inp.value;
var ftype=img.src.substring(img.src.length-4,img.src.length)
ftype=ftype.touppercase();
fsize=img.filesize;
if((ftype.indexof('jpg',0)==-1) && (ftype.indexof('gif', 0)==-1))
{ alert("sorry!上传失败!nn请选择您要上传的照片nn且只能是.jpg或.gif图片类型。");
return false;
}
alert("您确定要上传此文件吗?");
//return confirm("文件尺寸:宽"+img.offsetwidth+"px x 高"+img.offsetheight+"px");
if(img.filesize<0)
{alert("文件类型错误!只能是.jpg或.gif图片类型www.3ppt.com。");
return false;
}
if(img.filesize>512000)
{alert("文件大小超出500k,请重新选择!");
return false;
}
return true;
}
var img=null;
function showtype()
{
if(document.up.title.value=="")
{alert("请输入照片说明!");
document.up.title.focus();
return false;
}
var fsize=0;
if(img)img.removenode(true);
img=document.createelement("img");
img.style.position="absolute";
img.style.visibility="hidden";
document.body.insertadjacentelement("beforeend",img);
img.src=up.inp.value;
var ftype=img.src.substring(img.src.length-4,img.src.length)
ftype=ftype.touppercase();
fsize=img.filesize;
if((ftype.indexof('jpg',0)==-1) && (ftype.indexof('gif', 0)==-1))
{ alert("sorry!上传失败!nn请选择您要上传的照片nn且只能是.jpg或.gif图片类型。");
return false;
}
alert("您确定要上传此文件吗?");
//return confirm("文件尺寸:宽"+img.offsetwidth+"px x 高"+img.offsetheight+"px");
if(img.filesize<0)
{alert("文件类型错误!只能是.jpg或.gif图片类型www.3ppt.com。");
return false;
}
if(img.filesize>512000)
{alert("文件大小超出500k,请重新选择!");
return false;
}
return true;
}
相关文章推荐
- php中检测上传文件类型与上传图片大小代码
- input type='file'上传图片限制大小,类型判断,以及原生js实现上传至后端前实现图片显
- php中检测上传文件类型与上传图片大小代码
- 通过input上传图片,判断不同浏览器及图片类型和大小的js代码
- IE+JS: 上传之前检测图片文件大小及类型
- 使用js实现上传图片的大小限制
- js上传前预览图片,检测上传文件大小
- IE+JS: 上传之前检测图片文件大小
- jquery实现上传图片及图片大小验证、图片预览效果代码(借荐,谢谢原作者)
- Nodejs+angularjs结合multiparty实现多图片上传的示例代码
- js验证上传文件大小、图片类型限制
- JS检测上传图片大小
- js前台检测上传图片大小的总结
- PHP使用finfo_file()函数检测上传图片类型的实现方法
- JS前端检测上传文件类型以及属性大小,并生成预览
- React+react-dropzone+node.js实现图片上传的示例代码
- FileUpload实现图片的上传,类型,大小
- jquery javascript 实现上传图片及图片大小验证、图片预览效果代码
- jsp、js限制本地上传图片大小、类型(js经过测试,项目中可以使用)
- 基于jquery实现的上传图片及图片大小验证、图片预览效果代码