let service
service = axios.create({
baseURL: process.env.VUE_APP_BASE_URL // api 的 base_url
// timeout: 5000 // 请求超时时间
});
service({
method: 'get',
url: '/api/petition/print',//文件流接口
params: {
xfbh: row.xfbh
},
headers: {
'Content-Type': 'application/pdf;charset-UTF-8'
},
responseType: 'blob'
}).then(response => {
console.log(response)
const binaryData = []
binaryData.push(response.data)
if (binaryData[0].size === 0) {
this.$message.warning('无附件时的提示')
} else {
// 获取blob链接
const pdfUrl = window.URL.createObjectURL(
new Blob(binaryData, { type: 'application/pdf;charset-UTF-8' })
)
window.open(pdfUrl, '_blank')
}
})
文件流在线查看
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 前言:项目是vue+spring Boot项目,原本有直接查看PDF文件的功能(利用vue-pdf组件实现),现在...
- pdf.js是一个使用HTML5构建的可移植文档格式库。它可以帮助我们在浏览器中构建pdf文档,实现在线查看pdf...