How to use about formdata

[jimmywarting]

Yea, you need to require it

const FormData = require('formdata-polyfill')
// import FormData from 'formdata-polyfill'

let fd = new FormData(form)
let blob = new Blob(['abc'], {type: 'text/plain'})

fd.append('file', blob, 'sample.txt')
fetch('/upload', {method: 'post', body: fd._blob()})
  .then(res => console.log(res.ok))

It doesn't override native FormData or automatically fix xhr/fetch since the polyfill is not a instance of FormData. The ajax method don't know what the polyfill is. That's why you have to call _blob()

[morettisf]

OK still having trouble. FYI I'm not trying to pass in a form, though here is the snippet I'm working with. "logData" is an object. Can you advise?

var f = new FormData(form)

let blob = new Blob('logData', JSON.stringify(logData))
f.append(blob)

f.append('pics', document.querySelector('#file1').files[0])
f.append('pics', document.querySelector('#file2').files[0])
f.append('pics', document.querySelector('#file3').files[0])
f.append('pics', document.querySelector('#file4').files[0])
f.append('pics', document.querySelector('#file5').files[0])

var xhr = new XMLHttpRequest()
xhr.open('post', '/create-log')
xhr.send(f._blob())

[jimmywarting]

What is shown in the console log?

[morettisf]

TypeError: Value is not a sequence
(anonymous function)
let blob = new Blob('logData', JSON.stringify(logData))

[morettisf]

This is iOS Safari FYI