vue在新的标签页打开pdf文件

js部分

首先从后台获取到指定文件的二进制流

export function getProStream(downloadKey,style){return new Promise((resolve,reject)=>{axios.get(`/project/attach/stream`,{params:{downloadKey,style},headers:{Authorization: `Bearer ${token}`},responseType: 'blob'}).then(result=>{resolve(result.data)}).catch(err=>{reject(err)})});
}

getProStream(item.key,style).then(result=>{//获取到指定文件的文件流，转换为Blob对象let url = window.URL.createObjectURL(result)this.pdfUrl=url;
})

template部分

<a :href="pdfUrl" target="_blank" >打开pdf文件</a>
<!--target属性是指在新的标签页打开pdf文件-->

----------------------------我是分割线---------------------------
好啦，代码就展示完毕，每天累积一点，收获就多一点！！
如有问题，请各位大佬指导

vue在新的标签页打开pdf文件相关推荐

Python-Selenium：如何通过click在新的标签页打开链接？
场景描述在使用Selenium的时候,如果遇到a标签列表,而且每个都需通过点击(click())进入a标签对应的页面进行单独处理,而直接访问a链接无法访问(防盗链),那么这个时候该怎么处理呢? 最好 ...
js在打开新页面的时候用新的标签页打开并且在关闭打开的页面的时候刷新父页面的方法...
js在打开新页面的时候用新的标签页打开并且在关闭打开的页面的时候刷新父页面的方法 1.利用window.opener.location.href这个方法. 方式:父页面 window.open('.. ...
使火狐浏览器默认在新的标签页打开书签
原文链接:使火狐浏览器默认在新的标签页打开链接-不知道取啥名2021 火狐浏览器默认总是把链接在当前页面打开,覆盖了原来内容,导致找之前在看的东西很不方便...估计由于装了最新版火狐浏览器的原因,之前 ...
Chrome浏览器中页面在新的标签页打开
最近一直在使用谷歌浏览器(你还在百度?)发现Chrome默认是在本页面打开链接,这点我很不爽.在上网找了以下四种方法: 1.用鼠标中键(也就是滚轮)打开链接. 2.按住Ctrl键的同时单击链接. 3. ...
google浏览器中页面在新的标签页打开
最近一直在使用谷歌浏览器(你还在百度?)发现Chrome默认是在本页面打开链接,这点我很不爽.在上网找了以下四种方法: 1.用鼠标中键(也就是滚轮)打开链接. 2.按住Ctrl键的同时单击链接. 3. ...
使火狐浏览器默认在新的标签页打开链接
火狐浏览器默认总是把链接在当前页面打开,覆盖了原来内容,导致找之前在看的东西很不方便...估计由于装了最新版火狐浏览器的原因,之前好用的方法,如安装 open-link-with-new-tab,ta ...
google之如何设置在新的标签页打开搜索链接
1.随便打开一个google搜索地址 https://www.google.com.hk/ 2.找到右下角的设置点击设置 3.点击搜索结果 4.选中保存即可 5.重新刷新搜索结果,点击链接会在新的标签 ...
使firefox默认在新的标签页打开书签
火狐浏览器默认总是把链接在当前页面打开,覆盖了原来内容,导致找之前在看的东西很不方便...估计由于装了最新版火狐浏览器的原因,之前好用的方法,如安装 open-link-with-new-tab,ta ...
chrome 设置搜索结果，在新的标签页打开
在地址栏输入:https://www.google.com.hk/preferences 将结果打开方式勾选上如果搜索引擎的路径是google.com,记得修改为https://www.google ...
visual code 在标签页打开_VSCode 不在新标签页打开文件如何解决？
预览模式(Preview mode) 刚接触 VSCode 的时候想同时打开多个文件,但在操作的时候发现每次通过 VSCode 自带的文件浏览器点开一个新文件时,这个新文件都会直接在当前标签页打开,而 ...

vue在新的标签页打开pdf文件

vue在新的标签页打开pdf文件相关推荐

最新文章

热门文章