js判斷圖片大小與類型

《js判斷圖片大小與類型》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

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='圖片預(yù)覽
('+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標(biāo)簽結(jié)合，就能夠在上傳之前判斷圖片文件的大小是否合法了。還有一個小小的發(fā)現(xiàn)就是，IE下動畫的onload事件是在每次循環(huán)開始都觸發(fā)，這樣我們可以通過他來達(dá)到和js里setInterval()函數(shù)一樣的效果，如：這兩個例子的源代碼如下:第一個：限制：

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