function lastname (filepath) { console.log('filepath : ' + filepath); //爲了不轉義反斜槓出問題,這裏將對其進行轉換 var re = /( \\+)/g ; var filename = filepath.replace(re,"#"); //對路徑字符串進行剪切截取 var one=filename.split("#"); //獲取數組中最後一個,即文件名 var two=one[one.length-1]; //再對文件名進行截取,以取得後綴名 var three=two.split("."); //獲取截取的最後一個字符串,即爲後綴名 var last=three[three.length-1]; //添加須要判斷的後綴名類型 var tp ="jpg,png,bmp,JPG,PNG,BMP"; //返回符合條件的後綴名在字符串中的位置 var rs=tp.indexOf(last); //若是返回的結果大於或等於0,說明包含容許上傳的文件類型 if(rs>=0){ return true; }else{ return false; } } $(function () { $('#exampleInputFile1').fileupload({ add : function(e, data) { console.log('data.files[0].name : ' + data.files[0].name); var goUpload = true; var uploadFile = data.files[0]; if (!lastname (uploadFile.name)) { $("#mesg1").empty().html("上傳文件類型不正確!"); goUpload = false; } if (uploadFile.size > 100000) { // 2mb $("#mesg1").empty().html("上傳文件大小100kb!"); goUpload = false; } if (goUpload == true) { $("#mesg1").empty().html("上傳成功!"); data.submit(); } }, url: '<%=basePath%>admin/uploadFiles', type:'POST', done : function(e, result) { var message = JSON.stringify(result.result.message); var success = JSON.stringify(result.result.success); var reg = new RegExp('"','g'); var cc = message.replace(reg,""); if (success) { var imgpath = "<%=basePath%>common/upload/images/" + cc; $('#imgSrc1').attr("src", imgpath).show(); } } }); }); <div class="box-body"> <div class="form-group"> <label for="exampleInputFile">優惠券被兌換以前圖片</label> <input type="file" id="exampleInputFile1"> <p id="mesg1" class="help-block text-danger">圖片大小在100KB之內,格式jpg,png,bmp</p> </div> <div class="form-group has-warning"> <label class="control-label" for="inputWarning"><i class="fa fa-bell-o"></i> 圖片.</label> <input type="text" class="form-control" name="couponUrl" id="couponUrl" /> <label for="couponUrl" class="text-danger"></label> </div> <div class="form-group"> <img id="imgSrc1" /> </div> </div>