functioncheckinput(){varsUploadAllowedExtensions=".gif.jpg.jpeg.png"> functioncheckinput(){varsUploadAllowedExtensions=".gif.jpg.jpeg.png" />
js判断图片大小与类型

js判断图片大小与类型

ID:15442158

大小:38.50 KB

页数:11页

时间:2018-08-03

js判断图片大小与类型_第1页
js判断图片大小与类型_第2页
js判断图片大小与类型_第3页
js判断图片大小与类型_第4页
js判断图片大小与类型_第5页
资源描述:

《js判断图片大小与类型》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、js判断图片大小与类型js判断图片大小与图片类型functioncheckinput(){varsUploadAllowedExtensions=".gif.jpg.jpeg.png";varsExt=document.file_upload.file.value.match(/.[^.]*$/);sExt=sExt?sExt[0].toLowerCase():".";if(document.file_upload.file.value==""){alert("文件路径不能为空!");returnfal

2、se;}if(sUploadAllowedExtensions.indexOf(sExt)<0){alert("对不起,只有下面的图片格式才能上传:nn"+sUploadAllowedExtensions+"nn请重新选择.");returnfalse;}varipreview=document.all('ipreview')if(ipreview.fileSize>10240){alert('您选择的图片尺寸大于'+Math.round(10240/1024)+'KB,不能上传');returnfalse;//myddd.disabled=true;}ret

3、urntrue;}functionisImage(file){//Getafileextensionvarext=file.substr(file.lastIndexOf('.')).toLowerCase()//Checkextensiontoimagetypes.return'.gif,.jpg,.png,.jpeg,.ico,'.indexOf(ext+',')>=0};varlastfieldname=''functionpreview(i){//getcurrentinputpreviewvarfile=i.valueif(file.length<=

4、0)return;//orgetgetpreviewforoneofformfield//varfile=file_upload.Sourcefile.valuevaripreview=document.all('ipreview')if(isImage(file)){//Showpreviewfortheimage.ipreview.src='file://'+file//alert(ipreview.fileSize);eval("file_upload.fileSize1.value=ipreview.fileSize/1024;");//ImageNa

5、me.innerHTML='图片预览
('+i.name+')'if(ipreview.fileSize>10240){alert('您选择的图片尺寸大于'+Math.round(10240/1024)+'KB,不能上传');//myddd.disabled=true;}}else{//somedefaultimageforpreviewipreview.src='res://shdoclc.dll/warning.gif'if(lastfieldname!=i.name)alert('请选择图片文件(.gif,.jpg,.png)');};lastfi

6、eldname=i.name}window.onerror=donotmsgboxes;functiondonotmsgboxes(msg,url,line){//wedonotneederrormessagesreturntrue}****************************************************************************************js判断图片大小类型2009年03月20日星期五20:38文件上传之前的检测,通常是通过文件名来判断文件类型是否合法,但是要想检测文件的大

7、小很难办到,除非在本地或者使用控件。不过在IE下img有几个附加的属性,如:fileCreatedDate、fileModifiedDate、fileSize、fileUpdatedDate、filters,我们可以通过这些属性来获取图片文件的部分信息,如文件大小,我们用file表单同img标签结合,就能够在上传之前判断图片文件的大小是否合法了。还有一个小小的发现就是,IE下动画的onload事件是在每次循环开始都触发,这样我们可以通过他来达到和js里setInterval()函数一样的效果,如:这两个例子的源代码如下:第一个:限制:

8、ext"size="4"value="

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。