¿Cómo cargar un archivo al servidor de forma asíncrona usando jQuery y AJAX?
¡Hola a todos! Soy nuevo en desarrollo web y estoy intentando hacer un formulario de carga de archivos en mi sitio. Quiero que el archivo se envíe al servidor sin recargar la página, es decir, de forma asíncrona. Estoy usando jQuery, pero algo no funciona.
Aquí está mi código actual:
```html
```
Y 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('Archivo cargado: ' + response);
},
error: function() {
$('#result').text('Error de carga');
}
});
});
```
El problema es que al servidor llega un objeto vacío o nada. Leí que se necesita