Formular Eingabefeld zum Herunterladen von Dateien

Question

Entwickeln einer Schulwebsite in WordPress und müssen Fortschrittsbericht der Schüler auf dem Server im PDF-Format hochladen. Der Dateiname des Fortschrittsberichts ist die Zulassungsnummer der Studenten (zB 123.pdf). Wenn Schüler ihre Zulassungsnummer in das Eingabefeld eingeben, sollten sie ihre Fortschrittsberichtdatei herunterladen. Ab sofort mit dem unteren Formularfeld zur Datei-URL umleiten.

<script> 
function process() 
{ 
var url="http://demo.websign.in/" + 
document.getElementById("url").value; 
location.href=url; 
return false; 
} 
</script> 
<form onSubmit="return process();"> 
ENTER YOUR ADMISSION NUMBER: <input type="text" name="url" id="url"> 
<input type="submit" value="DOWNLOAD"> 
</form> 

Irgendwelche Hilfe, wie ich ein Thema Entwickler bin und nicht viel Wissen in der Codierung?

Answer 1

Sie benötigen kein Formular-Tag zum Herunterladen der Datei. Geben Sie statt "submit" auch "button" ein. Die js Sie brauchen, ist etwas Ähnliches:

function myFunction() 
 
\t \t { 
 
\t \t \t var downloadUrl = document.getElementById("url").value; 
 
\t \t \t document.getElementById("downlod").href = downloadUrl + '.pdf'; 
 
\t \t }

<div> 
 
\t \t \t <label>ENTER YOUR ADMISSION NUMBER:</label> <input type="text" name="url" id="url" onkeypress="myFunction()"> 
 
\t \t \t <a href="foo" id="downlod" download><span>Download</span></a> 
 
\t \t </div>