当前位置: 首页 > news >正文

大连网站设计公司app地推接单平台

大连网站设计公司,app地推接单平台,fifa17做任务网站,没有网站如何做营销需求 后端接口返回pdf文件流,实现新窗口预览pdf。 解决方案 把后端返回的pdf文件流转为blob路径,利用浏览器直接预览。 具体实现步骤 1、引入axios import axios from axios;2、创建预览方法(具体使用时将axios的请求路径替换为你的后端…

需求

后端接口返回pdf文件流,实现新窗口预览pdf。

解决方案

把后端返回的pdf文件流转为blob路径,利用浏览器直接预览。

具体实现步骤

1、引入axios

import axios from 'axios';

2、创建预览方法(具体使用时将axios的请求路径替换为你的后端下载地址)

export async function previewFile(data: IAttachment, callback?: () => void) {try {const response = await axios.get(config.VITE_APP_API_URL_PREPROD + '/file/downloadFile', {params: {filepath: data.filePath},responseType: 'blob'});let pdfUrl = window.URL.createObjectURL(new Blob([response.data], { type: "application/pdf" }));window.open(pdfUrl, "_blank");const newWindow = window.open(pdfUrl, '_blank');if (newWindow) {newWindow.onload = () => {newWindow.focus();};} else {// 如果新窗口被阻止,提示用户ElMessage.warning($t('请允许弹出窗口以预览文件'));}} catch (error) {console.error('Error preview file:', error);}
}

3、在你所需要的地方调用previewFile方法

import { previewFile } from "@/utils";
<el-button type="primary" @click="previewFile(file)">导出已选</el-button>
http://www.mmbaike.com/news/59971.html

相关文章:

  • 美发培训职业学校企业网站如何优化
  • 山西并州建设有限公司潍坊百度关键词优化
  • 全屏响应式网站模板网站广告策划
  • 网站制作免费优化推广什么意思
  • 万州微网站建设百度推广投诉电话
  • 网页制作模板的网站代码网站优化排名推广
  • 集团网站建设服务公司上海网站营销推广
  • 网站备案填写网站名称小程序开发框架
  • 合网站 - 百度企业应该如何进行网站推广
  • 可以看男男做的视频网站百度seo价格
  • 网络网站推广首荐乐云seo网络营销师课程
  • 做二手的网站都有哪些佛山疫情最新情况
  • 网站开发学习方法seo外包是什么
  • 做公司网站的模板注册平台
  • 建手机网站的平台产品销售方案与营销策略
  • 对于网站建设提出建议百度网盘客户端
  • 北京公司网站制作公司seo外包费用
  • 如何做家具网站网络信息发布平台
  • 精美网站建设职业技能培训中心
  • 怎么把做的网站传百度开户是什么意思
  • 丹江口做网站如何选择长沙网站seo外包
  • 新手做网站什么内容比较好阿里云域名查询和注册
  • 老河口网页定制宁波企业seo推广
  • 升级网页优化手机流畅度的软件
  • 政务网站建设的重要性互联网营销推广公司
  • 深圳专业网站制作技术沈阳seo代理计费
  • 福州专业制作网站百度号码认证平台官网首页
  • 有哪些网站可以做推广包包电子商务网站建设教程
  • asp类似wordpress北京seo怎么优化
  • 中劳网做网站宁波seo排名外包公司