个人博客（纯手戳产物 vue3 + nodejs + mysql ）
http://snows-l.site
1、首先预览PDF需要后端将响应头Content-Type 设置为PDF类型application/pdf，不能预览，会直接下载
2、前端定义接口：并设置相应类型responseType为blob
// 合同预览Pdf
export function viewContractTypePdf(id) {
return request({
url: `/attract后端返回二进制流，前端处理二进制文件流，实现预览图片以及PDF
于 2023-02-22 21:28:25 首次发布
文章讲述了前端如何处理后端返回的PDF内容以实现预览，关键在于后端设置Content-Type为application/pdf，前端使用get方法并设定responseType为blob。通过window.URL.createObjectURL将响应转换为本地预览地址，利用window.open进行预览。对于图片，相同方法可将本地预览地址赋值给Vue中的el-image组件实现显示。
最低0.47元/天 解锁文章
扫一扫
520
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
