jquery 控制檔案上傳類型和大小

標籤：jquery 檔案上傳   類型 大小

<input type="file" name="files" id="file1" ><input type="file" name="files" id="file2" ><input type="file" name="files" id="file3" >var file1= $(‘#file1‘).val();var file2= $(‘#file2‘).val();var file3= $(‘#file3‘).val();var fileArray =[file1,file2,file3];var fileType =[‘pdf‘,‘png‘,‘jpeg‘,‘jpg‘,‘xls‘,‘xlsx‘,‘doc‘,‘docx‘];    var count =0;for(var i=0;i<fileArray.length;i++){    var file= fileArray[i];    var start =file.indexOf(‘.‘)+1;    var end =file.length;    var suffix =file.substring(start,end);    for(var j=0;j<fileType.length;j++){        if(suffix == fileType[j]){            count ++;        }    }}if(count !=3){    alert(‘附件的檔案格式需為：pdf、png、jpeg、jpg、excel和word‘);    return;}for(var i=1; i<3; i++){    var fileInput =$(‘#file‘+i)[0];    var byteSize =fileInput.file[0].size;    var kbSize = Math.ceil(byteSize /1024);    if(kbSize > 30720){ //不能超過30M        alert(‘單個附件大小，不能超過30M‘);        return;    }}

本文出自 “猴子也瘋狂” 部落格，謝絕轉載！

jquery 控制檔案上傳類型和大小