Wie bekomme ich den Fortschritt von Fetch API?

Question

Ich $.ajax verwenden, kann ich das tun:

var xhr = new window.XMLHttpRequest(); 
//Upload progress 
xhr.upload.addEventListener("progress", function(evt){ 
    if (evt.lengthComputable) { 
    var percentComplete = evt.loaded/evt.total; 
    //Do something with upload progress 
    console.log(percentComplete); 
    } 
}, false); 

Aber, wenn ich api holen verwenden, was soll ich tun?

var fData = new FormData(); 
fData.append("userfile",document.getElementById("file").files[0]); 
fetch("/", {method:"POST",body:fData}).then(function(res){}); 

Answer 1

Ab sofort können Sie nicht. Es ist noch nicht Teil der Spezifikation. Es war ein issue für es auf der Spezifikation der Repo, aber es ist geschlossen. Es gibt auch eine Diskussion über diese issue darüber.

Lange Geschichte kurz, Sie sind wahrscheinlich besser dran nur mit xhr für jetzt, wenn Sie einige der Polyfills/Workarounds in der zweiten Iinked Problem versuchen möchten.

Es wird nur nicht unterstützt, und das ist auch der Grund fetch Anforderungen werden nicht in der Netzwerkregisterkarte in den Devtools angezeigt, bis sie abgeschlossen sind.