Como fazer upload assíncrono de um arquivo para o servidor usando jQuery e AJAX?
Olá a todos! Sou novo em desenvolvimento web e estou tentando criar um formulário de upload de arquivos no meu site. Quero que o arquivo seja enviado ao servidor sem recarregar a página, ou seja, de forma assíncrona. Estou usando jQuery, mas algo não está funcionando.
Aqui está meu código atual:
```html
```
E o 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('Arquivo enviado: ' + response);
},
error: function() {
$('#result').text('Erro no upload');
}
});
});
```
O problema é que no servidor chega um objeto vazio ou nada. Li que é necessário