在JavaScript中，可以通过创建一个input元素，设置它的type属性为file，来实现文件上传功能。用户选择文件后，可以通过JavaScript获取到文件对象，再通过XMLHttpRequest对象将文件上传到服务器。
// HTML代码
<input type="file" id="fileInput" >
// JavaScript代码
const fileInput = document.getElementById('fileInput');
fileInput.addEventListener('change', handleFileSelect, false);
function handleFileSelect(event) {
const file = event.target.files[0];
const xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.php', true);
xhr.onload = function() {
if (this.status === 200) {
console.log('上传成功');
}
};
xhr.send(file);
}
首先，我们创建一个input元素，设置它的type属性为file，这样就可以让用户选择文件了。然后，我们通过JavaScript获取到这个input元素，并添加一个change事件监听器，当用户选择文件时就会触发该事件。
在事件处理函数中，我们通过event.target.files[0]获取到用户选择的文件对象。接着，我们创建一个XMLHttpRequest对象，通过xhr.open方法设置请求方式为POST，上传地址为upload.php。
在xhr.onload事件中，我们判断上传状态是否为200，如果是则说明上传成功。最后，我们通过xhr.send方法将文件上传到服务器。