点击下载Excel、点击浏览一个pdf

最新推荐文章于 2024-07-31 14:35:30 发布

学体育的前端小谷

最新推荐文章于 2024-07-31 14:35:30 发布

阅读量207

点赞数 5

文章标签：前端

本文链接：https://blog.csdn.net/2301_76588608/article/details/136375832

版权

文章介绍了如何使用JavaScript编写downloadTzd方法，该方法接收一个参数num，根据参数值动态生成HTML链接，模拟点击下载urls数组中的不同文件，如PDF和Word文档。

摘要由CSDN通过智能技术生成

//方法名称
downloadTzd(num) {
      if(num == 3){

        //如果传过来的num为3 则新打开一个网页 展示这个pdf

        window.open("https://ztk.lnzb.cn/video/公司章程.pdf", "_blank");
        return
      }
        //定义一个数组
      const urls = [
        {
          name: "告知承诺书.docx",
          url: "https://zt.lnwlzb.com/file/zyzcsms.doc",
        },
        {
          name: "法定代表人授权委托书.docx",
          url: "https://zt.lnwlzb.com/file/frzgwts.docx",
        },
        {
          name: "法定代表人资格证明书.docx",
          url: "https://zt.lnwlzb.com/file/frzgzms.docx",
        },
        {
          name: "公司章程.pdf",
          url: "https://ztk.lnzb.cn/video/公司章程.pdf",
        },
      ];
      const { name, url } = urls[num];
       //创建一个新的HTML a 元素
      const element = document.createElement("a");
       


       //并设置其href属性为所需下载文件的URL。
      element.setAttribute("href", url);

       //设置download属性为文件名，这样浏览器会自动开始下载
          而不是直接在页面内打开文件内容。
      element.setAttribute("download", name);

       //将该元素的样式设为display: none，使其在页面上不可见。
      element.style.display = "none";
        
        //将这个新创建的a元素添加到文档的body部分。
        通过调用element.click()模拟用户点击该链接，触发浏览器的下载操作。
      document.body.appendChild(element);

      element.click();

        //在下载请求发送后，从body中移除已经完成任务的a元素。
      document.body.removeChild(element);
    },