我如何允許用戶輸入＃，它會使用正確的＃找到我的本地zip文件之一並繼續下載？

Question

我當前正在創建一個簡單的HTML頁面，該頁面允許用戶輸入“＃”，然后單擊一個按鈕，它將下載相應的“＃.zip”。

<!DOCTYPE html>    
<h2>Enter FileName # to start download...</h2>    
<input type="text" id="refID" title="Enter FileName # to start download">    
<button type= "file" onclick="Download()">Download</button>    
<script>
    function Download() {

      var x = document.createElement('a');
      var y = "ModifiedIndex/"+document.getElementById("refID").value+".zip";
      x.href = y;
    }
</script>

我希望進行下載，但是該頁面將變為空白，或者什么都不做，而是停留在該頁面上。

Answer 1

可能導致頁面空白的是<button type="file"> 。 type="file"不存在，因此回退到提交表單的默認值。 （沒有一個可見的，但是如果實際代碼中有一個……）使用type="button" 。

導致下載無法進行的原因是，您正在創建鏈接，設置鏈接的位置以及將鏈接丟棄。 導航到URL：

function Download() {
  location.href = "ModifiedIndex/"+document.getElementById("refID").value+".zip";
}

我如何允許用戶輸入＃，它會使用正確的＃找到我的本地zip文件之一並繼續下載？

問題描述

1 個解決方案

解決方案1
2 已采納

我如何允許用戶輸入＃，它會使用正確的＃找到我的本地zip文件之一並繼續下載？

問題描述

1 個解決方案

解決方案1 2 已采納

解決方案1
2 已采納