给我写一段js 文件上传
时间: 2024-03-18 22:16:04 浏览: 19
以下是一个简单的JS文件上传示例:
HTML代码:
```
<form method="POST" enctype="multipart/form-data">
<input type="file" name="fileToUpload" id="fileToUpload">
<input type="submit" value="上传文件" name="submit">
</form>
```
JavaScript代码:
```
const form = document.querySelector('form');
form.addEventListener('submit', e => {
e.preventDefault(); // 防止表单提交
const files = document.querySelector('[type=file]').files;
const formData = new FormData();
for (let i = 0; i < files.length; i++) {
let file = files[i];
formData.append('fileToUpload[]', file);
}
fetch('upload.php', {
method: 'POST',
body: formData
}).then(response => {
console.log(response);
}).catch(error => {
console.error(error);
});
});
```
此代码通过事件监听器防止表单提交,然后获取选择的文件并将其添加到FormData对象中。FormData对象可以通过POST请求发送到服务器。fetch()函数用于发送POST请求,并处理响应。在后台,您可以使用PHP等服务器端语言来处理文件上传。