復制代碼 代碼如下:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<input type="hidden" name="MAX_FILE_SIZE" id="MAX_FILE_SIZE" value="8000000" />
<input type="file" name="files" id="files" onchange="checkFileType(this)"/>
<script type="text/javascript">
var maxSize=document.getElementByIdx_x('MAX_FILE_SIZE').value;
function checkFileType(obj){
var path=obj.value.toString();
var perfix=path.substring(path.indexOf('.')+1);
var regExp=/(jpg|jpeg|gif|png)/gi;
if(perfix.match(regExp)){
checkFileSize(obj); //如果圖片文件類型匹配成功則執行文件大小的檢測。
}else{
alert('對不起，請選擇圖片文件'); return false;
} }
function checkFileSize(obj){
var img=new Image();
try{
var imgSize=obj.files.item(0).fileSize;
return isLarged(imgSize,maxSize);//圖片文件大小比對。
}catch(e){ try{
img.src=obj.value;
return isLarged(img.fileSize,maxSize);
}catch(e){
obj.select();
var path=document.selection.createRange.text();
img.src=path;
return isLarged(img.fileSize,maxSize);
} } }
function isLarged(imgSize,maxSize){
if(imgSize>maxSize){
alert('對不起，您選擇的圖片文件超過了'+parseInt(maxSize/1024)+'Kb');
return false;
}else{
alert(parseInt(imgSize/1024)+ 'kb ' + 'This large is OK');
return true;
} } </script>