数码资讯
上传JS验证(图像/文件扩展名)
js验证上传图片 复制代码代码如下所示: 无功imgobj =新(图像); / /创建一个图像对象 varallimgext =.jpg |。JPEG | .gif | .bmp |。PNG | / /所有的图片格式类型 VarFileObj,imgfilesize,imgwidth,ImgHeig
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
js验证上传图片
复制代码代码如下所示:
无功imgobj =新(图像); / /创建一个图像对象
varallimgext =.jpg |。JPEG | .gif | .bmp |。PNG | / /所有的图片格式类型
VarFileObj,imgfilesize,imgwidth,ImgHeight,fileext,errmsg,filemsg,isimg / /全局变量与图片相关的属性
下列变量限制
无功allowext = ; / /允许上传的文件类型为无限延伸在每一个| 小信
无功allowimgfilesize = 100; / /允许你上传图片文件大小0 KB无限单元:
Var AllowImgWidth=385; / / allow upload pictures for the width of unrestricted unit: PX (pixels)
无功allowimgheight = 441; / /高度允许上传无限单位图片:PX(像素)
功能checkproperty(obj) / /图像属性
{
fileobj = obj;
如果(imgobj.readystate!=完整 如果不加载图像进行循环检测
{
setTimeout(checkproperty(fileobj)
返回false;
}
imgfilesize = math.round(imgobj。文件大小/ 1024 * 100 / 100); / /得到图片文件的大小
imgwidth = / / imgobj.width;得到图片的宽度
imgheight = imgobj.height; / /得到图像的高度
filemsg = 图片大小:+ imgwidth +*+ imgheight +PX;
filemsg = filemsg + 图片文件大小:+ imgfilesize +KB;
filemsg = filemsg + 图片文件扩展名:+ fileext + 可以上传!;
errmsg = ;
如果(allowimgwidth!= imgwidth)
errmsg = errmsg + 请上传文件的宽度等于+ allowimgwidth +PX,和当前的图片宽度+ imgwidth +PX。
如果(allowimgheight!= imgheight)
errmsg = errmsg + 请上传文件与高度相等的+ allowimgheight +PX,和当前的图片是+ imgheight +PX。
如果(allowimgfilesize!= 0allowimgfilesize < imgfilesize)
errmsg = errmsg + 请上传文件小于+ allowimgfilesize +KB
If (ErrMsg!
{
警报(errmsg);
返回false;
}
其他的
返回true;
} / /结束checkproperty();
ImgObj。误差=函数(){ errmsg =图片格式不正确或图片已损坏!;}
功能checkext(obj)
{
errmsg = ;
filemsg = ;
isimg = false;
如果(obj值= =)
返回false;
fileext = obj.value.substr(obj.value.lastindexof(,))ToLowerCase();
如果(allimgext.indexof(fileext + | )!1)如果图片文件,那么图像信息处理
{
isimg =真;
fileobj = obj;
ImgObj。src= obj.value;
returncheckproperty(obj);
}其他
{
警报(文件类型不允许上传,请上传文件类型+ allimgext +
目标值= '';
返回false;
}
}
上传js验证
下面将向您展示如何控制上传文件的扩展。
Js:
复制代码代码如下所示:
check2()函数
{
var文件= document.getelementsbyname(文件)的价值;
如果(文件=)
{
警报(请选择文件);
返回false;
}
无功strtemp = file.split(,);
无功strcheck = strtemp { strtemp length-1 };
如果(strcheck.touppercase()= = 'jpg)
{
返回true;
}其他
{
警报('uploaded文件类型是错误的!);
返回false;
}
}
形式:
复制代码代码如下所示:
应该指出的是,document.getelementsbyname(文件)。价值得到上传文件的绝对路径,所以它使用字符串分割方法将文件的扩展名,然后判断它。
复制代码代码如下所示:
无功imgobj =新(图像); / /创建一个图像对象
varallimgext =.jpg |。JPEG | .gif | .bmp |。PNG | / /所有的图片格式类型
VarFileObj,imgfilesize,imgwidth,ImgHeight,fileext,errmsg,filemsg,isimg / /全局变量与图片相关的属性
下列变量限制
无功allowext = ; / /允许上传的文件类型为无限延伸在每一个| 小信
无功allowimgfilesize = 100; / /允许你上传图片文件大小0 KB无限单元:
Var AllowImgWidth=385; / / allow upload pictures for the width of unrestricted unit: PX (pixels)
无功allowimgheight = 441; / /高度允许上传无限单位图片:PX(像素)
功能checkproperty(obj) / /图像属性
{
fileobj = obj;
如果(imgobj.readystate!=完整 如果不加载图像进行循环检测
{
setTimeout(checkproperty(fileobj)
返回false;
}
imgfilesize = math.round(imgobj。文件大小/ 1024 * 100 / 100); / /得到图片文件的大小
imgwidth = / / imgobj.width;得到图片的宽度
imgheight = imgobj.height; / /得到图像的高度
filemsg = 图片大小:+ imgwidth +*+ imgheight +PX;
filemsg = filemsg + 图片文件大小:+ imgfilesize +KB;
filemsg = filemsg + 图片文件扩展名:+ fileext + 可以上传!;
errmsg = ;
如果(allowimgwidth!= imgwidth)
errmsg = errmsg + 请上传文件的宽度等于+ allowimgwidth +PX,和当前的图片宽度+ imgwidth +PX。
如果(allowimgheight!= imgheight)
errmsg = errmsg + 请上传文件与高度相等的+ allowimgheight +PX,和当前的图片是+ imgheight +PX。
如果(allowimgfilesize!= 0allowimgfilesize < imgfilesize)
errmsg = errmsg + 请上传文件小于+ allowimgfilesize +KB
If (ErrMsg!
{
警报(errmsg);
返回false;
}
其他的
返回true;
} / /结束checkproperty();
ImgObj。误差=函数(){ errmsg =图片格式不正确或图片已损坏!;}
功能checkext(obj)
{
errmsg = ;
filemsg = ;
isimg = false;
如果(obj值= =)
返回false;
fileext = obj.value.substr(obj.value.lastindexof(,))ToLowerCase();
如果(allimgext.indexof(fileext + | )!1)如果图片文件,那么图像信息处理
{
isimg =真;
fileobj = obj;
ImgObj。src= obj.value;
returncheckproperty(obj);
}其他
{
警报(文件类型不允许上传,请上传文件类型+ allimgext +
目标值= '';
返回false;
}
}
上传js验证
下面将向您展示如何控制上传文件的扩展。
Js:
复制代码代码如下所示:
check2()函数
{
var文件= document.getelementsbyname(文件)的价值;
如果(文件=)
{
警报(请选择文件);
返回false;
}
无功strtemp = file.split(,);
无功strcheck = strtemp { strtemp length-1 };
如果(strcheck.touppercase()= = 'jpg)
{
返回true;
}其他
{
警报('uploaded文件类型是错误的!);
返回false;
}
}
形式:
复制代码代码如下所示:
应该指出的是,document.getelementsbyname(文件)。价值得到上传文件的绝对路径,所以它使用字符串分割方法将文件的扩展名,然后判断它。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。