FormData
npm install formdata-polyfill
A FormData polyfill
This polyfill conditionally replaces the native implementation rather then fixing the missing functions,
since otherwise there is no way to get or delete existing values in the FormData object.
Therefore this also patches XMLHttpRequest.prototype.send and fetch to send the FormData as a blob,
and navigator.sendBeacon to send native FormData.
I was unable to patch the Response/Request constructor
so if you are constructing them with FormData you need to call fd._blob() manually.
new Request(url, {
method: 'post',
body: fd._blob ? fd._blob() : fd
})
Dependencies
If you need to support IE <= 9 then I recommend you to include eligrey's blob.js
Previously you had to import the polyfill and use that,
since it didn't replace the global (existing) FormData implementation.
But now it transparently calls _blob() for you when you are sending something with fetch or XHR,
by way of monkey-patching the XMLHttpRequest.prototype.send and fetch functions.
So you maybe had something like this:
var FormData = require('formdata-polyfill')
var fd = new FormData(form)
xhr.send(fd._blob())
There is no longer anything exported from the module
(though you of course still need to import it to install the polyfill),
so you can now use the FormData object as normal:
require('formdata-polyfill')
var fd = new FormData(form)
xhr.send(fd)
Native Browser compatibility (as of 2020-01-13)
Based on this you can decide for yourself if you need this polyfill.
This polyfill normalizes support for the FormData API:
appendwith filenamedelete(),get(),getAll(),has(),set()entries(),keys(),values(), and support forfor...of- Available in web workers (just include the polyfill)