functioncheckinput(){varsUploadAllowedExtensions=".gif.jpg.jpeg.png"> functioncheckinput(){varsUploadAllowedExtensions=".gif.jpg.jpeg.png" />
欢迎来到天天文库
浏览记录
ID:15442158
大小:38.50 KB
页数:11页
时间:2018-08-03
《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="
8、ext"size="4"value="
此文档下载收益归作者所有