js图片上传功能 无刷新

<input type="file" id="fileInput" />
<button id="uploadBtn">上传</button>

document.getElementById('uploadBtn').addEventListener('click', function() {
    var fileInput = document.getElementById('fileInput');
    var file = fileInput.files[0]; // 获取第一个文件
    if (!file) {
        alert('请选择一个文件上传');
        return;
    }

    var formData = new FormData(); // 创建FormData对象
    formData.append('file', file); // 添加文件到FormData对象中

    var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象
    xhr.open('POST', '/upload', true); // 配置请求方法和URL
    xhr.onload = function () {
        if (xhr.status === 200) {
            alert('文件上传成功');
        } else {
            alert('文件上传失败');
        }
    };
    xhr.send(formData); // 发送请求
});