fileinput.js 单文件上传
时间: 2023-12-06 08:04:38 浏览: 22
您可以使用 HTML5 中的 `<input type="file">` 标签来实现单文件上传。在用户选择文件后,您可以使用 JavaScript 将该文件发送到服务器。
以下是一个基本的示例:
HTML:
```
<input type="file" id="file-input">
<button onclick="uploadFile()">上传</button>
```
JavaScript:
```
function uploadFile() {
var input = document.getElementById('file-input');
var file = input.files[0];
var formData = new FormData();
formData.append('file', file);
var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.php', true);
xhr.onload = function () {
if (xhr.status === 200) {
console.log('文件上传成功');
} else {
console.error('上传文件时出错');
}
};
xhr.send(formData);
}
```
在这个示例中,当用户点击“上传”按钮时,`uploadFile()` 函数将被调用。该函数首先获取用户选择的文件,然后将其添加到 `FormData` 对象中。最后,它使用 `XMLHttpRequest` 对象将文件发送到服务器。
请注意,这是一个基本示例,并且还需要添加更多的错误处理和安全性检查。