题目描述
一个通过微信查看和下载pdf文件的功能,用的是vue
+pdfjs-dist
,渲染出 pdf 没有什么问题,下载pdf文件在PC端的chrome浏览器和手机端的chrome浏览器是正常的,但是在微信上打开按下载按钮一点反应都没有,也没有报错。
相关代码
data 是 pdf 转成文件流
download(id, data) {
if (!data || !id) {
Toast.failed("无法下载");
return;
}
console.log(data.data);
let pdf_url = window.URL.createObjectURL(
new Blob([data.data], { type: "application/pdf" })
);
let link = document.createElement("a");
link.setAttribute("download", id + ".pdf");
link.setAttribute("target", "_self");
link.href = pdf_url;
link.style.display = "none";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
window.URL.revokeObjectURL(pdf_url);
}
问题出现的环境背景及自己尝试过哪些方法
我尝试写了个<a>
来下载文件,在微信上也是下载不下来的,是不是微信浏览器本身的限制???
相关代码
<a :href="require('@/assets/logo.png')" download="logo.png" target="_self">下载文件</a>