如何使用jQuery和AJAX异步上传文件到服务器?
大家好!我是Web开发新手,正在尝试在我的网站上制作一个文件上传表单。我希望文件能够在不重新加载页面的情况下发送到服务器,也就是异步上传。我使用了jQuery,但有些地方不太对劲。
以下是我当前的代码:
```html
```
以及JavaScript:
```javascript
$('#uploadForm').on('submit', function(e) {
e.preventDefault();
var file = $('#fileInput').val();
$.ajax({
url: '/upload',
type: 'POST',
data: { file: file },
success: function(response) {
$('#result').text('文件已上传:' + response);
},
error: function() {
$('#result').text('上传错误');
}
});
});
```
问题在于,服务器接收到的对象是空的,或者根本没有收到任何内容。我了解到需要使用