Ajax方式上传文件,上传到url服务器的具体代码怎么写具体代码
时间: 2023-05-21 10:00:48 浏览: 82
以下是一个基本的 Ajax 文件上传代码示例:
HTML:
```
<form id="uploadForm" enctype="multipart/form-data">
<input type="file" name="file">
<button type="submit">上传</button>
</form>
```
JavaScript:
```
var form = document.getElementById('uploadForm');
var fileInput = document.querySelector('input[type="file"]');
form.addEventListener('submit', function(event) {
event.preventDefault();
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com/upload', true);
xhr.upload.onprogress = function(event) {
var percentComplete = (event.loaded / event.total) * 100;
console.log(percentComplete + '% uploaded');
};
xhr.onload = function() {
if (xhr.status === 200) {
console.log('上传成功');
} else {
console.log('上传失败');
}
};
var formData = new FormData();
formData.append('file', fileInput.files[0]);
xhr.send(formData);
});
```
请注意,这只是一个基本的示例,实际上,您需要根据您的具体需求进行更改和调整。
阅读全文