写一个用于上传文件的小程序
时间: 2024-09-27 13:11:42 浏览: 4
编写一个简单的上传文件小程序,通常会在Web开发环境中完成,比如使用JavaScript配合HTML和File API。以下是一个基础的HTML+JavaScript示例,它允许用户选择文件并发送到服务器:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>文件上传</title>
</head>
<body>
<input type="file" id="fileInput" multiple accept=".txt, .doc, .pdf"> <!-- 允许上传的文件类型 -->
<button onclick="uploadFiles()">上传</button>
<script>
function uploadFiles() {
const fileInput = document.getElementById('fileInput');
if (!fileInput.files.length) return; // 没有选择文件
const formData = new FormData();
for (let i = 0; i < fileInput.files.length; i++) {
formData.append('files', fileInput.files[i]);
}
fetch('/api/upload', { // 替换为实际的API地址
method: 'POST',
body: formData,
processData: false, // 阻止自动处理表单数据
contentType: false, // 设置Content-Type为false,因为这是FormData的默认值
})
.then(response => response.text())
.then(data => console.log('上传结果:', data))
.catch(error => console.error('上传错误:', error));
}
</script>
</body>
</html>
```
在这个例子中,用户选择文件后点击“上传”按钮,会触发`uploadFiles`函数。该函数创建了一个`FormData`对象,然后将选中的文件添加到其中。接着通过`fetch`发送POST请求到服务器的`/api/upload`路径。