markdown JavaScript上传FormData

Posted 2021-05-05

```html
<form id="form">
	<input type="name" name="full_name" />
	<input type="file" name="image" />
  <button type="submit">Submit</button>    
</form>
```

```js
// Fetch

form = new FormData(document.querySelector('#form'))

fetch('/', {
  method: 'POST',
  body: form,
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})
```

```js
// Axios

const form = new FormData(document.querySelector('#form'))

axios.post('/', form, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})
```

```js
// Empty FormData

const form = new FormData()
form.append('full_name', 'Mulia Nasution')
form.append('image', document.querySelector('#form input[name="image"]'))

axios.post('/', form, {
  headers: {
    'Content-Type': 'multipart/form-data'
  }
})
```