js 检测图片类型 和大小 _Yan

本文介绍了一个使用JScript实现的图片上传功能,该功能包括对上传文件类型的检查及文件大小的限制,并能实时预览所选图片。具体而言,通过`Check_Image`函数实现对图片文件类型的验证及大小的检查,确保只有符合特定条件的图片才能被上传并显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

// JScript 文件
//
function Check_Image(obj)
{
    
var filename=obj.value;//获得路径    
    //alert(filename);
    var img=document.all.UpImg;//获得图片控件   
   // alert(img.fileSize);获得文件大小
   if(this.Check_ImgType(filename))
   
{
        
if(img.fileSize<5242880//判断图片大小
        
            img.src
=filename;//设置图片路径
            document.all.imbtnUp.disabled="";//可以点按钮了
        }
else
        
{
            alert(
"5M");
            document.all.mbtnUp.disabled
="true";//大于的话不能点
        }

    
   }
else
   
{
    alert(
"error! jpg ,bmp.");
   }

    
}

//检测是否是图片
function Check_ImgType(img)
{
    
var index=img.lastIndexOf("."); //获得"."出现的最后一个索引.
    //alert(index);
    var strimg=img.substring(index+1);//截取后缀
    //alert(strimg);
    if(strimg=="jpg"||strimg=="JPG"||strimg=="bmp"
    
{
        
return true;
    }
else
    
{
        
return false;
    }

    
}







 

调用

上传控件的 onchange="Check_Image(this)"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值