js图片处理示例代码

复制代码代码如下所示:
无功imgobj =新(图像); / /创建一个图像对象
无功allimgext =.jpg |。JPEG | .gif | .bmp |。PNG | / /所有的图片格式类型
无功fileobj,imgfilesize,imgwidth,ImgHeight,fileext,errmsg,filemsg,hascheked,isimg / /全局变量图片相关的属性
下列变量限制
无功allowext =.jpg | .gif | .doc | .txt | / /允许上传的文件类型为无限延伸在每一个| 小信
无功allowimgfilesize = 70; / /允许你上传图片文件大小0 KB无限单元:
无功allowimgwidth = 500; / /允许上传图片不受限制的宽度单位:像素(像素)
无功allowimgheight = 500; / /高度允许上传无限单位图片:PX(像素)
haschecked = false;
功能checkproperty(obj) / /图像属性
{
fileobj = obj;
如果(errmsg!= )检测是否返回正确的映像文件,并重新设置错误消息。
{
showmsg(errmsg,假);
返回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;
如果(allowimgwidth!= 0allowimgwidth < imgwidth)
errmsg = errmsg + 图像宽度超过限制。请上传文件的宽度小于+ allowimgwidth +PX,和当前的图片宽度+ imgwidth +PX;
如果(allowimgheight!= 0allowimgheight < imgheight)
errmsg = errmsg + 图像高度超过限制。请上传一个文件与一个高度小于+ allowimgheight +PX,和当前的图片是+ imgheight +PX;
如果(allowimgfilesize!= 0allowimgfilesize < imgfilesize)
errmsg = errmsg + 图片文件大小超过限制。请上传文件小于+ allowimgfilesize +KB,当前文件大小+ imgfilesize +KB;
如果(errmsg!=)showmsg(errmsg,假);
其他showmsg(filemsg,真的);
}
ImgObj。误差=功能({ errmsg =或者图像格式不正确,损坏的图片}!
功能showmsg(味精,TF) / /显示一条消息,TF =真实显示TF =假文件信息显示味精-错误信息
{
味精= msg.replace(
味精= msg.replace( / ;
如果(!TF)
{
fileobj outerHTML = fileobj.outerhtml;
msglist .innerHTML =味精;
haschecked = false;
其他{ }
如果previewimg(isimg).innerHTML = ;
其他previewimg .innerHTML =非图片文件;
msglist .innerHTML =味精;
haschecked =真;
}
}
功能checkext(obj)
{
errmsg = ;
filemsg = ;
fileobj = obj;
isimg = false;
haschecked = false;
previewimg .innerHTML =预览区;
如果(obj值= =)返回false;
msglist .innerHTML =文件信息处理;
fileext = obj.value.substr(obj.value.lastindexof(,))ToLowerCase();
如果(allowext!= 0allowext.indexof(fileext +| )= = - 1)/判断是否允许上传的文件类型
{
errmsg = 此类型的文件不允许上传,请上传文件类型+ allowext +
showmsg(errmsg,假);
返回false;
}
如果(allimgext.indexof(fileext + | )!1)如果图片文件,那么图像信息处理
{
isimg =真;
ImgObj。src= obj.value;
警报(imgobj。SRC);
警报(math.round(imgobj。文件大小/ 1024 * 100)/ 100);
checkproperty(obj);
返回false;
其他{ }
filemsg = 文件扩展名:+ fileext;
showmsg(filemsg,真的);
}
}