Estoy intentando recibir un fichero de extensión (.xlsx) por un input html que tiene este aspecto:
<input type="file" id="file" name="file" accept=".xlsx"/>
<button id="upload" class="btn btn-primary" onclick="ft_uploadFile()">Upload</button>
Esto tengo entendido que debo recibirlo usando "Js", y que cuando se pulse el botón "Upload", llamar a una función donde pueda obtener el fichero desde el input, pero no sé cómo hacerlo, he intentado lo siguiente:
function ft_uploadFile() {
alert("Uploading file...");
var file = document.getElementById("file").files[0];
var formData = new FormData();
formData.append("file", file);
var xhr = new XMLHttpRequest();
xhr.open("POST", "/upload", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
alert("File uploaded");
}
}
}
Pero cuando pulso el botón Upload, no pasa absolutamente nada.