js를 이용한 화일 업로드(진행상태표시) 사용 시 문의

Question

멀티 업로드를 하고 업로드 상태를 보여주는 소스 입니다.업로드 시 퍼센트는 출력 가능 하지만, 현재 업로드 중인 화일명과 몇번째 화일이 업로드 중인지 표시 되게하고 싶습니다.현재 멀티로 화일을 받아 아래와 같이 업로드를 진행 하고 있습니다. $.ajax({ xhr: function() { var xhr &#61; new window.XMLHttpRequest(); xhr.upload.addEventListener(&#34;progress&#34;, function(evt) { if (evt.lengthComputable) { var percentComplete &#61; Math.floor((evt.loaded / evt.total) * 100); var percentVal &#61; percentComplete &#43; '%'; bar.width(percentVal); percent.html(percentVal); } }, false); return xhr; }, type : 'POST', url : &#34;./update.jsp&#34;, data : formData, enctype:'multipart/form-data', cache:false, processData : false, contentType : false, beforeSend:function(){ $('#pleaseWaitDialog').modal({ backdrop: 'static', keyboard: false }); $(&#34;#pleaseWaitDialog&#34;).modal('show'); status.empty(); var percentVal &#61; '0%'; bar.width(percentVal); percent.html(percentVal); }, complete:function(){ $(&#34;#pleaseWaitDialog&#34;).modal('hide'); }, error:function(request,status,error){ alert(&#34;등록하는 과정에서 에러가 발생되었습니다.&#34;); }, success:function(result, status) { alert(&#34;등록되었습니다.); } });

js를 이용한 화일 업로드(진행상태표시) 사용 시 문의

0개의 답변

#upload 목록