Ajax方式上传文件,上传到url服务器的具体代码怎么写
时间: 2023-05-20 20:01:33 浏览: 104
以下是一个简单的 Ajax 文件上传的示例代码:
```javascript
function uploadFile() {
var fileInput = document.getElementById("fileInput");
var file = fileInput.files[0];
var formData = new FormData();
formData.append("file", file);
var xhr = new XMLHttpRequest();
xhr.open("POST", "http://example.com/upload");
xhr.onload = function() {
if (xhr.status === 200) {
console.log("File uploaded successfully.");
} else {
console.log("File upload failed.");
}
};
xhr.send(formData);
}
```
其中,`fileInput` 是一个 `<input type="file">` 元素,用户可以通过它选择要上传的文件。`FormData` 是一个用于构建表单数据的 API,我们可以通过它将文件添加到表单中。`XMLHttpRequest` 是一个用于发送 HTTP 请求的 API,我们可以通过它将表单数据发送到服务器。在 `xhr.onload` 回调函数中,我们可以处理服务器返回的响应。
阅读全文