Skip to main content
se eliminaron 90 caracteres en el cuerpo
Origen Enlace
Cerbero
  • 51
  • 12

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" onsubmit="ft_uploadFileonclick="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, el error que me da es:.

Uncaught ReferenceError: ft_uploadFile is not defined

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" onsubmit="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, el error que me da es:

Uncaught ReferenceError: ft_uploadFile is not defined

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.

se añadieron 313 caracteres en el cuerpo; título editado
Origen Enlace
Cerbero
  • 51
  • 12

¿Cómo recibir un fichero desde un html y enviarlo al backend?

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">Upload<primary" onsubmit="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, luegohe intentado lo del backend me preocupa menos porque supongo que podría hacer un POST a otra url y luego un GET desdesiguiente:

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 backendbotón Upload, si hay alguna forma más fácil lo agradecería mucho.no pasa absolutamente nada, el error que me da es:

Uncaught ReferenceError: ft_uploadFile is not defined

¿Cómo recibir un fichero desde un html y enviarlo al backend?

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">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, luego lo del backend me preocupa menos porque supongo que podría hacer un POST a otra url y luego un GET desde el backend, si hay alguna forma más fácil lo agradecería mucho.

¿Cómo recibir un fichero desde un html?

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" onsubmit="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, el error que me da es:

Uncaught ReferenceError: ft_uploadFile is not defined
Origen Enlace
Cerbero
  • 51
  • 12

¿Cómo recibir un fichero desde un html y enviarlo al backend?

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">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, luego lo del backend me preocupa menos porque supongo que podría hacer un POST a otra url y luego un GET desde el backend, si hay alguna forma más fácil lo agradecería mucho.