前端小功能:Word、PDF、Excel文档vue预览;log日志文件预览。
要工具不区分框架,把FileReader()文件处理函数可以细细品读一下。
同时可以了解一下, Blob ArrayBuffer,等数据格式,ajax如何获取Blod的基本操作。
需要处理文件,必须缓存文件,缓存文件必须解决跨域问题。
js-word文档预览。
如果你的文档都是公网可以访问的,可以用微软提供的在线预览
This is an embedded
document, powered by
如果是本地文件,或者是内网文件则可以使用以下方法:
1. PDF文档预览示例:
npm install --save vue-pdf
PDF.vue
data(){return: {
pdfUrl:'',
}
}
created() {
const path= 'test.pdf'//你获取到的pdf路径
//pdf.createLoadingTask解决文件件跨域问题
this.pdfUrl =pdf.createLoadingTask(path)
},
}
2. Word文档预览示例&#x