Podrías utilizar FormData
que te permite enviar información como si fuera un formulario, pero sin el formulario. Tienes que saber algunas cosas (como la URL de destino, el método usado y los parámetros necesarios), pero a partir de ahí es (casi) como cualquier otra llamada AJAX:
- Crea una variable de la clase FormData
- Añádele el fichero que haya seleccionado el usuario
- Realiza la petición con AJAX
El código sería así (variación de esta respuesta a una pregunta parecida en StackOverflow):
var misDatos = new FormData();
misDatos.append('fichero', subirfichero.files[0]);
$.ajax({
url: 'carga.php',
type: 'POST',
processData: false, // importante o recibirás un fallo de seguridad
contentType: false, // importante o recibirás un fallo de seguridad
dataType : 'json',
data: misDatos
});
Como mencionas, también podrías codificar el fichero en base 64 y mandarlo de ese modo. Eso funcionaría, pero los archivos codificados ocuparán hasta un 40% más del tamaño original, lo que puede no ser muy conveniente si el fichero es muy grande.