使用docx-preview实现docx文档的预览

1,316 阅读1分钟

首先看这一插件的官网

image.png 其接受的文件格式是 blob arrayBuffer unit8Array

image.png

上传文件后用于文件反显的是一个url地址 单独打开这个url地址的时候

image.png

我们如果以blob文件流的形式去接收他,那我们就需要把这个下载的地址单独处理成一个blob文件流 处理方式如下

function initDocx(end) {
	const docx = require('docx-preview');
	axios({
		methods: 'get',
		responseType: 'blob',
		url: props.url
	})
		.then(({ data }) => {
			console.log(data);
			end();
			docx.renderAsync(data, proxy.$refs.docxDom);
		})
		.catch((e) => {
			console.log(e);
		});
}