vue pdf格式预览

 

 

 

 

<div class="imgfile">         <div v-if="dialog.isPdf" v-loading="iframeLoading">           <iframe             :src="dialog.src"             type="application/x-google-chrome-pdf"           />         </div>         <img           v-else           :src="dialog.src"           alt=""         >       </div>   methods:{ previewFn(item) {       if (!(item.url.includes('.png') || item.url.includes('.jpg') || item.url.includes('.jpeg') || item.url.includes('.bmp') || item.url.includes('.JPG') || item.url.includes('.PNG') || item.url.includes('.JPEG') || item.url.includes('.BMP') || item.url.includes('.pdf'))) {         this.$message.error('文件类型不支持预览')         return false       }       if (item.url.includes('.pdf')) {         this.dialog.isPdf = true         this.dialog.src = ''         this.iframeLoading = true         downloadFileByUniq(           item.url         ).then(res => {           const blob = new Blob([res], { type: 'application/pdf;chartset=UTF-8' })           const href = window.URL.createObjectURL(blob)           this.dialog.src = href         }).finally(() => {           this.iframeLoading = false         })       } else {         this.dialog.isPdf = false         }       this.dialog.dialogVisible = true       this.checkClass = 'check' + item.intinvoicestatus     }, }

 

标签：vue,false,预览,url,includes,item,dialog,pdf
来源： https://www.cnblogs.com/hellofangfang/p/15907175.html