使用a标签实现文件下载功能(antdesignvue可用)代码和注释letfileUrl=""//网址下载文件的ofletfileName=""//下载成功后保存的文件名//创建标签constlink=document.createElement('a');//设置是否在当前页面打开,target的其他值及含义:_blank:打开新窗口。_parent:在父窗口中打开链接。_self:默认,当前页面跳转。_top:打开当前窗体中的链接,替换整个当前窗体(框架页)。link.target='_blank'//如果值为'_self',这一行可以忽略//隐藏a标签link.style.display='none';//为a标签设置下载的网络地址link.href=URL.createObjectURL(blob);//设置保存的文件名link.download=fileName+'.pdf';//给文档对象添加a标签document.body.appendChild(link);//触发相应的Eventlink.click();//删除一个标签link.remove();//这一步对于某些浏览器或者某些格式是成功的,但是对于图片和文档,可能是预览状态,解决方法如下方法fetch(fileUrl).then(res=>res.blob()).then((blob)=>{link.href=URL.createObjectURL(blob);link.download=fileName+'.pdf';document.body.appendChild(link);link.click();link.remove();});纯代码先``````letfileUrl=""//下载文件的网络地址letfileName=""//下载成功后保存的文件名constlink=document.createElement('a');link.target='_blank'//如果值为'_self',这一行可以忽略link.style.display='none';link.href=URL.createObjectURL(blob);link.download=文件名+'.pdf';document.body.appendChild(链接);链接.点击();链接.删除();second``````letfileUrl=""//下载文件的网络地址letfileName=""//下载成功后保存的文件名constlink=document.createElement('a');link.target='_blank'//如果值为'_self',这一行可以忽略link.style.显示='无';fetch(fileUrl).then(res=>res.blob()).then((blob)=>{link.href=URL.createObjectURL(blob);link.download=fileName+'.pdf';document.body.appendChild(链接);link.click();link.remove();});
