写一段formdara上传文件的代码
时间: 2023-03-31 13:04:34 浏览: 69
好的,以下是一段formdata上传文件的代码示例:
```
const formData = new FormData();
formData.append('file', fileInput.files[]);
fetch('/upload', {
method: 'POST',
body: formData
})
.then(response => {
console.log(response);
})
.catch(error => {
console.error(error);
});
```
其中,`fileInput` 是一个 `<input type="file">` 元素,`/upload` 是上传文件的接口地址。这段代码会将选中的文件作为 `file` 字段添加到 `formData` 中,然后使用 `fetch` 方法发送 POST 请求,将 `formData` 作为请求体发送到服务器。
相关问题
js的new Formdara()
FormData是一个用于处理表单数据的API。它可以通过JavaScript中的FormData对象来创建,可以用来实现上传文件、异步提交表单等功能。
创建一个FormData对象,可以使用new FormData()构造函数。例如:
```
var formData = new FormData();
```
然后,可以使用append()方法向表单中添加数据:
```
formData.append('name', 'John');
formData.append('age', 25);
```
以上代码将向formData对象中添加两个键值对,分别为'name': 'John'和'age': 25。
FormData对象还可以用于上传文件。例如:
```
var fileInput = document.querySelector('input[type="file"]');
formData.append('file', fileInput.files[0]);
```
以上代码将选择的文件添加到formData对象中,键值对为'file': 文件数据。
最后,可以使用XMLHttpRequest对象将FormData对象发送到服务器:
```
var xhr = new XMLHttpRequest();
xhr.open('POST', '/api/upload', true);
xhr.send(formData);
```
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)