使用原生js实现文件上传

可以使用HTML5的File API来实现文件上传，具体步骤如下：

1. 创建一个input元素，type属性为file，用于选择文件。

2. 监听input元素的change事件，获取用户选择的文件。

3. 使用FormData对象创建一个表单数据对象，将文件添加到表单数据中。

4. 使用XMLHttpRequest对象发送POST请求，将表单数据发送到服务器。

5. 在服务器端处理上传的文件。

以下是一个简单的示例代码：

HTML部分：

<input type="file" id="fileInput">

JavaScript部分：

var fileInput = document.getElementById('fileInput');

fileInput.addEventListener('change', function() {

var file = fileInput.files[0];

var formData = new FormData();

formData.append('file', file);

var xhr = new XMLHttpRequest();

xhr.open('POST', '/upload', true);

xhr.onload = function() {

if (xhr.status === 200) {

console.log('上传成功');

} else {

console.log('上传失败');

}

};

xhr.send(formData);

});