前端预览word文档方案

1,042 阅读1分钟

1,使用mammoth库解析,具体代码

    let content = xhr.response;
    let blob = new Blob([content], { type: "application/pdf" });
    
    let reader = new FileReader();
	reader.readAsArrayBuffer(blob);
    reader.onload = function (loadEvent) {
    	var arrayBuffer = xhr.response; //arrayBuffer

    	mammoth
        	.convertToHtml({ arrayBuffer: arrayBuffer })
        	.then(displayResult)
        	.done();
    };
    
    function displayResult(result) {
        document.getElementById("output").innerHTML =result.value;
    }

2,使用url在线预览,vw.usdoc.cn/?src=http:/…

3,使用wps在线预览api,具体步骤参考简介-WebOffice 知识库 (wps.cn)

4,后端将docx文档转成pdf返回给前端,前端用js-pdf库解析pdf文档展示