检测本地图片大小(firefox,chrome与IE兼容)

最新推荐文章于 2025-08-20 12:33:43 发布

原创最新推荐文章于 2025-08-20 12:33:43 发布 · 123 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个简单的图片上传验证脚本，该脚本可以检查用户上传的文件是否为指定格式的图片，并确保其大小不超过300KB。此验证有助于提高网站安全性并确保服务器资源不被滥用。

<input type="file" name="file1" onchange="checkPic(this.event)";
//检测图片
function checkPic(obj,e) {
   if(obj.value=="") return;
    var ext = obj.value.substring(obj.value.lastIndexOf(".")+1);
    ext = ext.toLowerCase();
    var ImgObj=new Image();
    ImgObj.src=obj.value;
    var fileSize = getFileSize(obj,e);//获取文件大小
    if(ext!="jpg" && ext!="gif" && ext!="bmp") {
      alert("图片格式仅支持jpg,gif,bmp");
      return false;
    } else if(fileSize>300*1024||fileSize<=0) {
      alert("图片大小超过300k");
      return false;
    }
    return true;
}
//文件大小
function getFileSize(obj,e){
var ImgObj = new Image();
ImgObj.src= obj.value;
var fileSize = ImgObj.fileSize||0;        //IE
if(fileSize==0) {
//FF,chrome
    e = e || window.event;
    var fileObj = e.target.files || e.dataTransfer.files;
    fileSize=fileObj[0].size;
}
return fileSize;
}