//方法名称
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);
},
点击下载Excel、点击浏览一个pdf
最新推荐文章于 2024-09-08 21:36:12 发布
文章介绍了如何使用JavaScript编写downloadTzd方法,该方法接收一个参数num,根据参数值动态生成HTML链接,模拟点击下载urls数组中的不同文件,如PDF和Word文档。
摘要由CSDN通过智能技术生成