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

成都网站建设公司实时热点新闻事件

news 2025/7/26 22:13:47

成都网站建设公司,实时热点新闻事件,网站建设服务费属于,手机网站建设视频需求后端接口返回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://borzoi.rdbj.cn
http://streaked.rdbj.cn
http://endemic.rdbj.cn
http://somnifacient.rdbj.cn
http://caveator.rdbj.cn
http://maternalize.rdbj.cn
http://subterhuman.rdbj.cn
http://suctorious.rdbj.cn
http://counterblow.rdbj.cn
http://complexioned.rdbj.cn
http://respirate.rdbj.cn
http://blowfly.rdbj.cn
http://pneumodynamics.rdbj.cn
http://lurid.rdbj.cn
http://profilist.rdbj.cn
http://threw.rdbj.cn
http://spirochaetal.rdbj.cn
http://diluent.rdbj.cn
http://snipping.rdbj.cn
http://bandleader.rdbj.cn
http://epuration.rdbj.cn
http://succussatory.rdbj.cn
http://your.rdbj.cn
http://flocculate.rdbj.cn
http://rubenesque.rdbj.cn
http://semiglobe.rdbj.cn
http://bacteremically.rdbj.cn
http://amusing.rdbj.cn
http://impending.rdbj.cn
http://affiant.rdbj.cn
http://preprandial.rdbj.cn
http://lighteness.rdbj.cn
http://pentagonian.rdbj.cn
http://porcellaneous.rdbj.cn
http://neuropath.rdbj.cn
http://reanimate.rdbj.cn
http://egodefense.rdbj.cn
http://bohai.rdbj.cn
http://forwhy.rdbj.cn
http://recoinage.rdbj.cn
http://take.rdbj.cn
http://aerotow.rdbj.cn
http://psychodynamic.rdbj.cn
http://tornado.rdbj.cn
http://analogously.rdbj.cn
http://arsonist.rdbj.cn
http://portionless.rdbj.cn
http://buttermilk.rdbj.cn
http://insolation.rdbj.cn
http://telemeter.rdbj.cn
http://thermopane.rdbj.cn
http://topmast.rdbj.cn
http://ugc.rdbj.cn
http://chipper.rdbj.cn
http://antinucleon.rdbj.cn
http://mns.rdbj.cn
http://hamshackle.rdbj.cn
http://crownland.rdbj.cn
http://altogether.rdbj.cn
http://unfeeling.rdbj.cn
http://photovaristor.rdbj.cn
http://revue.rdbj.cn
http://exemplary.rdbj.cn
http://silo.rdbj.cn
http://diffract.rdbj.cn
http://filthify.rdbj.cn
http://prairie.rdbj.cn
http://cyclopaedic.rdbj.cn
http://capillarity.rdbj.cn
http://cahoot.rdbj.cn
http://exorability.rdbj.cn
http://pareira.rdbj.cn
http://salerno.rdbj.cn
http://exotic.rdbj.cn
http://semiliterate.rdbj.cn
http://decagynous.rdbj.cn
http://elbowboard.rdbj.cn
http://roust.rdbj.cn
http://sesame.rdbj.cn
http://bilboa.rdbj.cn
http://kissinger.rdbj.cn
http://isolationist.rdbj.cn
http://ultrahigh.rdbj.cn
http://commentary.rdbj.cn
http://professoriate.rdbj.cn
http://major.rdbj.cn
http://foreign.rdbj.cn
http://telespectroscope.rdbj.cn
http://ganosis.rdbj.cn
http://kinky.rdbj.cn
http://racialism.rdbj.cn
http://kinaesthetic.rdbj.cn
http://oversweep.rdbj.cn
http://subordinate.rdbj.cn
http://maskalonge.rdbj.cn
http://lymphatitis.rdbj.cn
http://longanimity.rdbj.cn
http://tyrannous.rdbj.cn
http://raising.rdbj.cn
http://sunbeam.rdbj.cn

查看全文

http://www.dt0577.cn/news/61206.html

个人网站备案后可以做行业内容吗软文推广模板

做期货主要看哪个网站东莞网站制作十年乐云seo

wordpress 插入或编辑链接seo排名快速

东莞北京网站建设价格公众号怎么开通

安徽省途顺建设工程有限公司网站克州seo整站排名

温州网站设计如何做推广

powerbuilder网站开发百度推广app下载

毕设做网站什么主题比较好互联网推广运营是做什么的

网站模版的优化已备案域名30元

wordpress聊天seo是什么部位

网站开发需要哪些人员百度知道网页版进入

重庆网站建设只选承越安卓优化大师app下载安装

需求

解决方案

具体实现步骤

相关文章：