问题

标签：docx 预览 res refs 问题 item api

一、pdf预览解决：
      用iframe src后台路径。
二、word预览 这个插件支持.docx不支持.doc
      npm i docx-preview@0.1.4
      npm i jszip
      const docx = require('docx-preview');
      window.JSZip = require('jszip');
　　　

　　　　<a-modal :dialog-style="{ top: '0px' }" width="80%" title="预览文件" :visible="yulanVisible" @cancel="yulanCancel">       　　<template #footer></template>                 　　<iframe  v-if="isPdf" :src="pdfSrc" frameborder="0" style="width: 100%; height: 1200px"></iframe>         　　<div v-else ref="file"></div>     　　</a-modal>

　　　　yulan(item) {       　　this.isPdf = item.fileType.includes('.pdf');       　　this.yulanVisible = true;       　　this.pdfSrc = '';       　　if(this.isPdf) {         　　this.pdfSrc = `api/dap/nat/reportfileinfo/reportFilePreview/${item.reportFileId}`;       　　} else {         　　axios({           　　method: 'get',           　　responseType: 'blob', // 设置响应文件格式           　　url: `api/dap/nat/reportfileinfo/reportFilePreview/${item.reportFileId}`,         　　}).then(res => {           　　if(res.status == 200) {             　　this.$refs.file.indexHTML = '';             　　docx.renderAsync(res.data,this.$refs.file) // 渲染到页面预览           　　}         })       }     },

 

标签：docx,预览,res,refs,问题,item,api
From： https://www.cnblogs.com/whlBooK/p/16982577.html