文件上傳進度條 - 關於XMLHttpRequest的答案賞金

Question

File upload progress bar with jQuery

我已經添加了賞金，但賞金似乎並沒有在搜索結果中顯示。

Answer 1

這是我必須知道的上傳進度條功能。很高興，如果這對你有幫助。

$.ajax({ 

    xhr: function() { 
    var xhr = new window.XMLHttpRequest(); 
    xhr.upload.addEventListener("progress", function(evt) { 
     if (evt.lengthComputable) { 
     var percentComplete = evt.loaded/evt.total; 
     percentComplete = parseInt(percentComplete * 100); 
     console.log(percentComplete); 
     if (percentComplete === 100) { 
     } 

     } 
    }, false); 

    return xhr; 
    }, 
    url: posturlfile, 
    type: "POST", 
    data: JSON.stringify(fileuploaddata), 
    contentType: "application/json", 
    dataType: "json", 
    success: function(result) { 
    console.log(result); 
    } 
});