您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
免费发信息
三六零分类信息网 > 文山分类信息网,免费分类信息发布

js图片处理示例代码_javascript技巧

2024/5/16 8:09:58发布46次查看
复制代码 代码如下:
var imgobj=new image(); //建立一个图像对象
var allimgext=.jpg|.jpeg|.gif|.bmp|.png|//全部图片格式类型
var fileobj,imgfilesize,imgwidth,imgheight,fileext,errmsg,filemsg,hascheked,isimg//全局变量 图片相关属性
//以下为限制变量
var allowext=.jpg|.gif|.doc|.txt| //允许上传的文件类型 ?为无限制 每个扩展名后边要加一个| 小写字母表示
var allowimgfilesize=70; //允许上传图片文件的大小 0为无限制 单位:kb
var allowimgwidth=500; //允许上传的图片的宽度 ?为无限制 单位:px(像素)
var allowimgheight=500; //允许上传的图片的高度 ?为无限制 单位:px(像素)
haschecked=false;
function checkproperty(obj) //检测图像属性
{
fileobj=obj;
if(errmsg!=) //检测是否为正确的图像文件 返回出错信息并重置
{
showmsg(errmsg,false);
return false; //返回
}
imgfilesize=math.round(imgobj.filesize/1024*100)/100;//取得图片文件的大小
imgwidth=imgobj.width; //取得图片的宽度
imgheight=imgobj.height; //取得图片的高度
filemsg=\n图片大小:+imgwidth+*+imgheight+px;
filemsg=filemsg+\n图片文件大小:+imgfilesize+kb;
filemsg=filemsg+\n图片文件扩展名:+fileext;
if(allowimgwidth!=0&&allowimgwidtherrmsg=errmsg+\n图片宽度超过限制。请上传宽度小于+allowimgwidth+px的文件,当前图片宽度为+imgwidth+px;
if(allowimgheight!=0&&allowimgheighterrmsg=errmsg+\n图片高度超过限制。请上传高度小于+allowimgheight+px的文件,当前图片高度为+imgheight+px;
if(allowimgfilesize!=0&&allowimgfilesizeerrmsg=errmsg+\n图片文件大小超过限制。请上传小于+allowimgfilesize+kb的文件,当前文件大小为+imgfilesize+kb;
if(errmsg!=) showmsg(errmsg,false);
else showmsg(filemsg,true);
}
imgobj.onerror=function(){errmsg='\n图片格式不正确或者图片已损坏!'}
function showmsg(msg,tf) //显示提示信息 tf=true 显示文件信息 tf=false 显示错误信息 msg-信息内容
{
msg=msg.replace(\n,);
msg=msg.replace(/\n/gi,);
if(!tf)
{
fileobj.outerhtml=fileobj.outerhtml;
msglist.innerhtml=msg;
haschecked=false;
}else{
if(isimg) previewimg.innerhtml=;
else previewimg.innerhtml=非图片文件;
msglist.innerhtml=msg;
haschecked=true;
}
}
function checkext(obj)
{
errmsg=;
filemsg=;
fileobj=obj;
isimg=false;
haschecked=false;
previewimg.innerhtml=预览区;
if(obj.value==)return false;
msglist.innerhtml=文件信息处理中...;
fileext=obj.value.substr(obj.value.lastindexof(.)).tolowercase();
if(allowext!=0&&allowext.indexof(fileext+|)==-1) //判断文件类型是否允许上传
{
errmsg=\n该文件类型不允许上传。请上传 +allowext+ 类型的文件,当前文件类型为+fileext;
showmsg(errmsg,false);
return false;
}
if(allimgext.indexof(fileext+|)!=-1) //如果图片文件,则进行图片信息处理
{
isimg=true;
imgobj.src=obj.value;
alert(imgobj.src);
alert(math.round(imgobj.filesize/1024*100)/100);
checkproperty(obj);
return false;
}else{
filemsg=\n文件扩展名:+fileext;
showmsg(filemsg,true);
}
}
文山分类信息网,免费分类信息发布

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录