Vengo con un problema de manejo de archivos, en mi codigo tengo un input file donde subo el archivo excel y tengo las validaciones necesarias para que no me deje subir otro archivo.
El problema es que Chrome, por lo que estuve leyendo en algunos lugares, no te da la ruta exacta donde se encuentra el archivo. En mi caso da algo como esto C:\fakepath\nombre_del_archivo.xlsx
Mi codigo es el siguiente:
$("#FileInput").change(function () {
var reader = new FileReader();
if (this.files.length == 0) {
//Si no existe archivo boton Procesar.. desactivado
$("#btnProcesar").prop("disabled", true);
} else {
//Si existe verificamos la extension
var fileExtension = extencionDeArchivo(this.files[0].name);
if (fileExtension == 'xlsx') {
//Si cumple habilitamos el boton procesar
$("#btnProcesar").prop("disabled", false);
} else {
//Si no cumple deshabilitamos el boton procesar y limpiamos el input con el archivo que se queria cargar.
$("#btnProcesar").prop("disabled", true);
//Borrar los datos del input file
var $input = $("#FileInput");
$input.replaceWith($input.val('').clone(true));
}
}
});
function extencionDeArchivo(filename) {
return filename.split('.').pop();
}
Si quiero obtener la url del archivo para pasarlo a mi controller cuando le doy al boton Procesar me devuelve la ruta que les comente arriba.
console.log($("#FileInput").val());
Este console.log use para ver ese problema.
Como puedo hacer para pasar el archivo excel al controller y leer el contenido del archivo para poder usarlo?
Si existe una forma de hacerlo por jquery o javascript la lectura del archivo tambien estaria bueno saberlo.
Por ahora mi boton Procesar solo tiene esto
$('#btnProcesar').on('click', function () {
var $input = $("#FileInput");
console.log($input[0].files[0]);
})