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>
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; }