表單輸入框下載文件

-2

在WordPress中開發學校網站，需要以pdf格式上傳學生在服務器上的進度報告。進度報告的文件名將是學生的錄取號碼（例如123.pdf）。當學生在輸入框中輸入他們的錄取號碼時，他們應該下載他們的進度報告文件。截至目前使用下面的表單框重定向到文件的URL。表單輸入框下載文件

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

任何幫助，因爲我是一個主題開發人員，沒有太多的編碼知識？

來源

2017-08-26 Aneesh John P J

歡迎SO。這個網站並不是要教基礎 - 你必須自己學習。如果您有特定的問題，請回來。 –

抱歉給您帶來不便。 –

您不需要表單標籤即可下載文件。而不是類型「提交」使用「按鈕」。你需要的JS是這樣的：

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>

來源

2017-08-26 13:39:45

非常感謝您的回覆。雖然在框中輸入3位數字，但只有2位數字被添加到網址 –

Ooopss ...我錯過了。您應該使用onkeyup事件而不是onkeypress。就像這樣： –

再次感謝您。還有一個小問題。文件位於url www.example.in/example.pdf中，但代碼正在從www.example.in/downloadpage/example.pdf下載頁面請求該文件 –

表單輸入框下載文件

回答

相關問題