上传文件—ajax

使用AJAX上传文件需要创建一个FormData对象，然后将文件附加到该对象中，最后使用XMLHttpRequest或fetch发送请求。以下是使用fetch的示例代码：

// HTML部分
// 假设有一个文件输入元素：<input type="file" id="fileInput">
// 和一个用于提交的按钮：<button id="uploadButton">上传</button>
 
document.getElementById('uploadButton').addEventListener('click', function() {
    var input = document.getElementById('fileInput');
    if (input.files.length > 0) {
        var file = input.files[0]; // 获取文件
        var formData = new FormData(); // 创建FormData对象
        formData.append('file', file); // 将文件添加到FormData对象中
 
        fetch('/upload-endpoint', { // 替换为你的上传API端点
            method: 'POST',
            body: formData
        })
        .then(response => response.json()) // 如果API返回JSON响应
        .then(data => console.log(data)) // 处理返回的数据
        .catch(error => console.error(error)); // 处理错误
    }
});

确保服务器端的上传API能够处理multipart/form-data类型的POST请求，并正确解析上传的文件。