vuejs前端实现PDF⽂件下载的三种⽅式解决vue下载pdf⽂件打开⽂件后空⽩PDF 下载⽅法⼀
这个⽅法是通过调⽤服务，服务端给前端返回pdf⽂件流（不是字节流）。在⽤blob下载。貌似所有⽅法都是⽂件流下载的吧。
// 后端服务地址⽅法
api(id).then(res =>{
let blob =new Blob([res]);
let objectUrl =ateObjectURL(blob);
let link = ateElement('a');
link.download ='我的pdf⽂件.pdf'
link.href = objectUrl;
link.click();
})
PDF 下载⽅法⼆
这个⽅⾯⽐较⽜逼了，不知道那个⼤⽜发明的，我只是搬运⼯，有个条件服务端返回值必须是⽂件流，请求⽅式必须是get。这个⽅法有个问题，就是下载的⽂件名不能⾃定义。这个下载⽅法能解决下载pdf⽂件打开⽂件后空⽩的问题。
downPdf(id){
const IFRAME= ateElement("iframe");
IFRAME.style.display ="none";
IFRAME.style.height =0;
// src 就是请求服务地址⾃⾏修改。
IFRAME.src =`:8080/api/getpdf?id=${id}`;
document.body.appendChild(IFRAME);
setTimeout(()=>{
},60*1000);
},
PDF 下载⽅法三
如何下载javascript这种⽅法就是⽤浏览器⾥的下载⽅式啦。
<!-- PdfUrl是⽂件地址例如：blog.csdn/files/我的pdf⽂件.pdf-->
<iframe width="100%"height="750px":src="PdfUrl"></iframe>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。