template部分:
<iframe :src="pdfUrl" frameborder="0" style="width: 100%; height: 90vh"></iframe>
js方法:
async showDoc(data) {
console.log('doc---', data)
try {
this.isShowPdfDialog = true
this.isViewPdfLoading = true
const res = await fileService.downloadFile(`Hud/document/${data.DocumentId}`)
if (res) {
const blob = new Blob([res], { // 关键代码
type: 'application/pdf'
})
this.pdfUrl = window.URL.createObjectURL(blob) // 关键代码
console.log('pdfUrl', this.pdfUrl)
this.getPdfFormData(data.DocumentId)
this.isViewPdfLoading =false
}
} catch(err) {
this.isViewPdfLoading = false
}
},