• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

190
Views
La entrada de texto del formulario HTML descarga el archivo basado en la entrada en javascript

Necesita el formulario a continuación para poder descargar un archivo pdf basado en la entrada de los usuarios.

Si un usuario ingresa 1234 y presiona la tecla Intro o el botón de descarga, se descarga el archivo 1234.pdf.
Si un usuario ingresa 12345, se descarga el archivo 12345.pdf.

 <form action=""> <span class="text-red">Invalid Code</span> <div class="input-group input-group-lg"> <input type="text" class="form-control" value="" required/> <input class="btn btn-primary" type="submit" value="DOWNLOAD" /> </div> </form>
almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Cambie su código HTML según lo siguiente.

 <form onsubmit="downloadURI()"> <span class="text-red">Invalid Code</span> <div class="input-group input-group-lg"> <input type="text" id="fileNumber" class="form-control" value="" onkeypress="OnEnterKyePress(event)" required/> <input class="btn btn-primary" type="submit" value="DOWNLOAD" /> </div> </form>

Y use el siguiente código JavaScript. Aquí ../ significa la raíz del archivo HTML. ../Data significa que hay una carpeta de datos en la raíz del archivo HTML.

 function OnEnterKyePress(e){ if (e.keyCode == 13) { ldownloadURI(); } } function downloadURI() { var fileNumber=document.getElementById("fileNumber").value; var fileUri="../data"; downloadFile(fileUri, fileNumber+".pdf"); } function downloadFile(uri, name) { var link = document.createElement("a"); link.download = name; link.href = URI; document.body.appendChild(link); link.click(); document.body.removeChild(link); delete link; }
almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error