单文件上传js代码和多文件上传js代码
时间: 2023-10-08 11:06:33 浏览: 107
单文件上传的JS代码:
```javascript
const fileInput = document.querySelector('#fileInput');
fileInput.addEventListener('change', (event) => {
const file = event.target.files[0];
const formData = new FormData();
formData.append('file', file);
fetch('/upload', {
method: 'POST',
body: formData
})
.then(response => {
console.log(response);
})
.catch(error => {
console.error(error);
});
});
```
多文件上传的JS代码:
```javascript
const fileInput = document.querySelector('#fileInput');
fileInput.addEventListener('change', (event) => {
const files = event.target.files;
const formData = new FormData();
for (let i = 0; i < files.length; i++) {
formData.append('files[]', files[i]);
}
fetch('/upload', {
method: 'POST',
body: formData
})
.then(response => {
console.log(response);
})
.catch(error => {
console.error(error);
});
});
```
注意,这些代码只是上传文件的前端代码示例,并且需要与后端代码对接才能实现文件上传功能。
阅读全文