Fineuploader를 사용하여 진행률 표시 줄을 얻는 방법

fineuploader 코드를 사용하여 파일을 업로드 할 때 진행률 막대를 표시하는 방법을 알아내는 데 어려움을 겪고 있습니다. Fineuploader를 사용하여 진행률 표시 줄을 얻는 방법

$("#attachmentUpload").fineUploader({ 
    element: $('#attachmentUpload')[0], 
    request: { 
     endpoint: '/controls/UploadFile.aspx' 

    }, 
    autoUpload: true, 
    multiple: false, 
    text: { 
     uploadButton: '<input type="button" class="btn btn-primary" value="Select File">', 
     formatProgress: '({percent}% of {total_size})' 
    }, 
    debug: true 

}).on('submit', function (event, id, filename) { 
    //when file is submitted code here 
    alert('submitted'); 
}).on('complete', function (event, id, filename, responseJSON) { 
    //when upload is finished code here 
    alert('done'); 
});

내가 ... "처리"로딩 GIF 애니메이션 파일 이름, 파일 크기, 단어를 볼 수있는 파일 업로드를 수행

여기 내 코드입니다. 파일 업로드가 성공적으로 완료되었지만 진행률 막대를 표시하는 방법을 파악할 수 없었습니다. Chrome, IE 10, Firefox에서 사용해 보았습니다. 그들 중 누구도 progressbar 나 formatProgress 텍스트 옵션의 내용을 표시하지 않습니다.

추가 정보 : FineUploader 모드를 사용하고 있습니다.

출처

2013-03-22 Adam Wimsatt

수정 사항 : Firefox가 실제로 파일 업로드 진행 상황을 보여줍니다. Chrome 및 IE10에서는 지원되지 않아야합니다. –

추가 정보 :이 웹 사이트 (http://caniuse.com/fileapi)에 따르면 Chrome 25와 IE 10은 모두 파일 API를 지원하며 해당 버전이 있는지 확인했지만 진행률 표시 줄을 표시하지 않습니다. Firefox에서만 내 컴퓨터에 진행률 표시 줄이 표시됩니다. –

File Uploader에서 File API를 지원하는 모든 지원되는 브라우저에서 진행률 표시 줄이 올바르게 작동하는지 확인할 수 있습니다. 여기에는 Chrome이 포함됩니다. 매우 빠른 연결로 작은 파일을 업로드하는 경우 즉시 업로드로 인해 진행률 표시 줄이 보이지 않을 것입니다.

마지막 바이트가 전송 된 후 "처리 중 ..."상태 메시지가 나타나고 서버에서 응답을 기다리고 있습니다. 나는 왜 "Processing ..."이 Firefox에 안정적으로 나타나지 않고 서버가 응답을 반환 할 때까지 진행 막대가 a case in Fine Uploader's issue tracker에 남아 있는지 설명했다. 자세한 내용은 my comments을 읽으십시오.

출처

2013-03-24 18:12:59

Ray, 내 stackoverflow 계정을 마지막으로 확인한 지 오래되었습니다. 나는이 질문에 대한 응답을 받았음을 깨닫지 못했고 당신 말이 맞습니다. 문제는 페이지의 CSS 오류 때문이며 fineuploader 도구에 문제가 없다는 것을 발견했습니다. 당신의 응답을 주셔서 감사합니다. –

Fineuploader를 사용하여 진행률 표시 줄을 얻는 방법

답변

관련 문제