파일 업로드 시 프로그래스 바를 구현하려고 합니다. 그런데...

 

$(document).ready(function(){
 
 $("#frmUpload").on('submit',function(e){
  
  e.preventDefault();
  
  checkFile();
  
  $(this).ajaxSubmit({
   
   dataType: 'text',
   contentType: 'text/html',
   type: 'POST',
   enctype: 'multipart/form-data',
   encoding: 'multipart/form-data',
   
   beforeSend:function(){
    $("#prog").show();
    $("#prog").attr('value','0');
   },
   
   uploadProgress:function(event,position,total,percentCompelete){
    $("#prog").attr('value',percentCompelete);
    $("#percent").html(percentCompelete+'%');
    if(percentCompelete == '100'){
     $("#percent").html(((position/1024)/1024).toFixed(1)+'MB');
    }
   },
   
   success:function(data){  
    frmUpload.submit(); // 
   }
   
  });
 });
});

 

 

안녕하세요.. 자꾸 질문만 해서 죄송하지만 급해서요 ㅜㅜ ...

 

ajaxSubmit을 쓰려하는데.. success에서 좀 이상해서 질문드려요..

 

 success:function(data){  
    frmUpload.submit(); // 

 

ㄴ 원래 ajaxSubmit 만으로도 submit이 되야 정상인데 안되고 페이지 이동이 안되길래 

 frmUpload.submit(); 를 붙였습니다. 왜 이럴까요... ㅜ 붙였더니 페이지 이동은 됩니다만 submit이 두번되네요ㅜ (콘솔창에서 확인)

또 이부분에서 프로그래스 바가 100%가 되면 바로 submit이 되는게 아니고

10~20초를 기다려야 submit이 됩니다..(600MB기준)

 

 

왜 이러는지 구글링 해도 안나와서 질문드렸어요 ㅜ

 

( checkFile(); 은 input file에 빈곳이 있는지 체크하는 스크립트, form의 액션은 제대로 지정함.)
                                         

<form name="frmUpload" id="frmUpload" action="/web/upload2/uplAttachFile.jsp" method="post" enctype="multipart/form-data">

 

       <input type="file" id="pContsAtchFile" name="pContsAtchFile<%=i%>" class="textbox_b w600" title="첨부파일" />
       <br><br>
       <%} %>              
       <input type="button" value="행추가" onclick="javascript:addFile();"/> 
       <input type="button" value="행삭제" onclick="javascript:delFile();"/> 
       <input type="submit" value="확인"> 
       <br><br>
       <progress id="prog" max="100" value="0" style="display:none;"></progress>
       <div id="percent"></div>
       
       <div id="here"></div>
       <p style="color:red; align:left">
        ※ 크기가 큰 파일은 업로드가 지연될 수도 있습니다.
       </p> 

 

</form>