java
@PostMapping("/getWordFile")
public static void getWordFile(HttpServletRequest request, HttpServletResponse response) throws Exception {
try {
File file = new File("C:/Users/molly.li/Desktop/使用文档.docx");
FileInputStream fileInputStream = new FileInputStream(file);
response.setHeader("Content-Type", "application/docx");
OutputStream outputStream = response.getOutputStream();
IOUtils.write(IOUtils.toByteArray(fileInputStream), outputStream);
} catch(Exception e) {
e.printStackTrace();
}
}
前端引入
npm i docx-preview
接口调用
// 获取word文件流
export function getWordFile (data) {
return request({
url: '/workbench/FileConversion/getWordFile',
method: 'post',
data: data,
responseType: 'blob'
})
}
前端
<div ref="file"></div>
let docx = require('docx-preview')
点击按钮,预览图纸
<Button class="butCss" @click="getWordFile">预览</Button>
// 转换word文档在线预览
getWordFile(){
getWordFile().then(res=>{
// 根据
docx.renderAsync(res,this.$refs.file)
})
},