How to append a Blob to FormData

Question

var myBlob = new Blob(["This is my blob content"], {type : "text/plain"});
var fd = new FormData();
fd.append("clip",myBlob)

The Blob is working fine:

myBlob: Blob
size: 341746
type: "text/plain"

But it is not being appended to the FormData:

Why is the Blob not showing up in the FormData ?

Answer 1

Well, actually, according to FormData specs, there is no way to inspect form data elements within a simple console.log() or debugger.

So the only way to inspect the items within it is to iterate through its entires like this:

var myBlob = new Blob(["This is my blob content"], {type : "text/plain"});
var fd = new FormData();
fd.append("clip",myBlob);

// Display the key/value pairs
for (var pair of fd.entries()) {
    console.log(pair[0]+ ', ' + pair[1]); 
}