📜  如何使用 JavaScript/jQuery 下载文件?

📅  最后修改于: 2021-11-24 05:08:35             🧑  作者: Mango

假设您要在单击链接时下载文件。对于下载文件,我们在这里提到了实现以及您可以看到文件位置的文件夹结构。

方法:

  • 在普通 HTML 页面上创建一个锚标记链接。当我们点击一个锚标签链接(下载这个文件)时,我们想下载一个文件。
html


  

    
        Download File Using 
        JavaScript/jQuery
    

  

    

        Download File Using          JavaScript/jQuery     

                Download this file        


html


  

    

  

    

        Download File Using          JavaScript/jQuery     

           

        For Downloading, Click          on the below link.     

                    Download this file                    


  • 提供以下 JavaScript 代码:
$(document).ready(function () {
      $("#link").click(function (e) {
          e.preventDefault();
          window.location.href = "File/randomfile.docx";
      });
});

// Note: url= your file path
  • 注意:将上述 URL 替换为您的文件路径。
    实现和文件夹结构如下所示。

例子:

html



  

    

  

    

        Download File Using          JavaScript/jQuery     

           

        For Downloading, Click          on the below link.     

                    Download this file                    

输出:

jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。