vue 连接地址下载 PDF

href 是地址

  //   if(appConfigs.urlWebHttp!=""){//  const link = document.createElement("a"); //我们用模拟q标签点击事件//   const fileName = "凭证.pdf"; //下载文件的名字//   link.href = appConfigs.urlWebHttp + data;//   link.setAttribute("download", fileName);//   document.body.appendChild(link);//   link.click(); //点击//   document.body.removeChild(link); // 下载完成移除元素//   }

let link = document.createElement('a')let url = appConfigs.downPdfUrl + data;  //地址// 这里是将url转成blob地址，fetch(url).then((res) => res.blob()).then((blob) => {// 将链接地址字符内容转变成blob地址link.href = URL.createObjectURL(blob);console.log(link.href);link.download = "";document.body.appendChild(link);link.click();});

 // const content = data// const blob = new Blob([content])// const fileName = '下载凭证.pdf'// if ('download' in document.createElement('a')) { // 非IE下载//   const elink = document.createElement('a')//   elink.download = fileName//   elink.style.display = 'none'//   // elink.href = URL.createObjectURL(blob)//   elink.href = "http://devzhywlcckshxt.zhiscity.com" + data;//   document.body.appendChild(elink)//   elink.click()//   URL.revokeObjectURL(elink.href) // 释放URL 对象//   document.body.removeChild(elink)// } else { // IE10+下载//   navigator.msSaveBlob(blob, fileName)// }

vue 连接地址下载 PDF相关推荐

C# 访问ftp地址下载jpg、pdf、文件夹
1.无密码访问ftp地址下载jpg.pdf.文件夹 /// <summary>/// 无密码访问ftp地址/// </summary>/// <param name=&q ...
前端vue项目-关于下载文件pdf/excel
最近在做一些需求,需要下载一些文件信息,最频繁的就是下载excel文件到本地了看过了很多方法,做个整理吧哈哈哈哈参考的文章链接: https://www.cnblogs.com/jiangweic ...
php+预览和下载pdf文件,vue实现在线预览pdf文件和下载（pdf.js）
最近做项目遇到在线预览和下载pdf文件,试了多种pdf插件,例如jquery.media.js(ie无法直接浏览) 最后选择了pdf.js插件(兼容ie10及以上.谷歌.安卓,苹果) 强烈推荐改插件, ...
vue下载pdf为空问题解决
后端返回文件流,vue下载到本地请求时需要设置responseType: "blob",否则下载pdf文件打开会为空下载方法代码如下: //url请求参数 //params请求 ...
vue 项目中实现pdf预览 pdf打印 pdf下载
在Vue项目中实现PDF预览.打印和下载可以通过以下步骤来实现: 安装pdf.js pdf.js是一个JavaScript库,可以用于在Web上渲染PDF文件. 可以使用npm安装pdf.js,命令如 ...
vue 预览、下载pdf
1.下载pdf文件因为pdf文件是传到oss上的,地址是下载地址,所可以使用a标签下载,但不能使用iframe等方法预览 <el-button class="download&quo ...
vue中将网页以pdf格式下载
1.下载 html2canvas和jspdf 两个插件 yarn add html2canvas jspdf 2.html2canvas 和 jspdf github地址 https://githu ...
下载pdf格式简历 vue
<div v-show="resumeDetail.attResumeType" class="card m-t-10 p-l-r-60">< ...
uniapp实现pdf地址下载和预览
需求首先,先请求后端接口,拿到pdf下载地址(若有跨越问题,请后端解决),通过uni.downloadFile下载pdf模板,再使用uni.openDocument新开页面打开文档进行预览(需装有可 ...

vue 连接地址下载 PDF

vue 连接地址下载 PDF相关推荐

最新文章

热门文章