js验证上传图片格式和大小是否符合要求

最新推荐文章于 2024-08-05 18:37:33 发布

软件开发实验室

最新推荐文章于 2024-08-05 18:37:33 发布

阅读量1.3k

点赞数

本文链接：https://blog.csdn.net/Great_Expectation/article/details/61651938

版权

js部分：

function getPhotoSize(obj){

photoExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();//获得文件后缀名
if(photoExt!=".png"&&photoExt!=".jpg"){
alert("请上传后缀名为jpg或png的照片!");
obj.outerHTML=obj.outerHTML; //对象重新赋值的一个操作.原理和FORM.RESET()一样,将用户操作去掉
return (false);
}
var fileSize = 0;
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
if (isIE && !obj.files) {
var filePath = obj.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
var file = fileSystem.GetFile (filePath);
fileSize = file.Size;
}else {
fileSize = obj.files[0].size;
}
fileSize=Math.round(fileSize/1024*100)/100; //单位为KB
if(fileSize>=100){
alert("照片最大尺寸为100KB，请重新上传!");
return (false);
}

}

html部分：