word转pdf vue2+java
文章目录
- [word转pdf vue2+java](#word转pdf vue2+java)
- [一、前端 vue-pdf](#一、前端 vue-pdf)
- 二、java使用aspose(付费)
- 总结
提示:以下是本篇文章正文内容,下面案例可供参考
一、前端 vue-pdf
1、下载依赖
安装依赖
shell
npm install vue-pdf
2、封装的组件
封装的vue组件
html
<template>
<div id="container">
<!-- 上一页、下一页 -->
<div class="right-btn">
<!-- 输入页码 -->
<div class="pageNum">
<input v-model.number="currentPage"
type="number"
class="inputNumber"
@input="inputEvent()"> / {{ pageCount }}
</div>
<div @click="changePdfPage('first')"
class="turn">
首页
</div>
<!-- 在按钮不符合条件时禁用 -->
<div @click="changePdfPage('pre')"
class="turn-btn"
:style="currentPage===1?'cursor: not-allowed;':''">
上一页
</div>
<div @click="changePdfPage('next')"
class="turn-btn"
:style="currentPage===pageCount?'cursor: not-allowed;':''">
下一页
</div>
<div @click="changePdfPage('last')"
class="turn">
尾页
</div>
</div>
<div class="pdfArea">
<pdf :src="src"
ref="pdf"
v-show="loadedRatio===1"
:page="currentPage"
@num-pages="pageCount=$event"
@progress="loadedRatio = $event"
@page-loaded="currentPage=$event"
@loaded="loadPdfHandler"
@link-clicked="currentPage = $event"
style="display: inline-block;width:100%;"
id="pdfID"/>
</div>
<!-- 加载未完成时,展示进度条组件并计算进度 -->
<div class="progress"
v-show="loadedRatio!==1">
<el-progress type="circle"
:width="70"
color="#53a7ff"
:percentage="Math.floor(loadedRatio * 100)"></el-progress>
<br>
<!-- 加载提示语 -->
<span>{{ remindShow }}</span>
</div>
</div>
</template>
<script>
import pdf from 'vue-pdf'
import {downFileDocCheck, priViewPdfService} from "@/api/safe/dayAheadCheck";
import {priViewPdf} from "@/utils/ComponentUtils";
export default {
components: {
pdf
},
computed: {},
created() {
this.prohibit()
},
destroyed() {
// 在页面销毁时记得清空 setInterval
clearInterval(this.intervalID)
},
mounted() {
priViewPdfService({id: 123}).then((res) => {
const pdfBlob = new Blob([res], {type: 'application/pdf'});
this.src = URL.createObjectURL(pdfBlob);
}).catch(error => {
console.error('Error fetching the Pdf file:', error);
});
// 更改 loading 文字
this.intervalID = setInterval(() => {
this.remindShow === this.remindText.refresh
? this.remindShow = this.remindText.loading
: this.remindShow = this.remindText.refresh
}, 4000)
// 监听滚动条事件
this.listenerFunction()
},
data() {
return {
// ----- loading -----
remindText: {
loading: '加载文件中,文件较大请耐心等待...',
refresh: '若卡住不动,可刷新页面重新加载...'
},
remindShow: '加载文件中,文件较大请耐心等待...',
intervalID: '',
// ----- vuepdf -----
// src静态路径: /static/xxx.pdf
// src服务器路径: 'http://.../xxx.pdf'
src: '',
// 当前页数
currentPage: 0,
currentPageTWO: 1,
// 总页数
pageCount: 0,
// 加载进度
loadedRatio: 0
}
},
methods: {
// 监听滚动条事件
listenerFunction(e) {
document.getElementById('container').addEventListener('scroll', true)
},
// 页面回到顶部
toTop() {
document.getElementById('container').scrollTop = 0
},
// 输入页码时校验
inputEvent() {
if (this.currentPage > this.pageCount) {
// 1. 大于max
this.currentPage = this.pageCount
} else if (this.currentPage < 1) {
// 2. 小于min
this.currentPage = 1
}
},
// 切换页数
changePdfPage(val) {
if (val === 'pre' && this.currentPage > 1) {
// 切换后页面回到顶部
this.currentPage--
this.toTop()
} else if (val === 'next' && this.currentPage < this.pageCount) {
this.currentPage++
this.toTop()
} else if (val === 'first') {
this.currentPage = 1
this.toTop()
} else if (val === 'last' && this.currentPage < this.pageCount) {
this.currentPage = this.pageCount
this.toTop()
}
},
// pdf加载时
loadPdfHandler(e) {
// 加载的时候先加载第一页
this.currentPage = 1
},
// 禁用鼠标右击、F12 来禁止打印和打开调试工具
prohibit() {
// console.log(document)
document.oncontextmenu = function () {
return false
}
document.onkeydown = function (e) {
if (e.ctrlKey && (e.keyCode === 65 || e.keyCode === 67 || e.keyCode === 73 || e.keyCode === 74 || e.keyCode === 80 || e.keyCode === 83 || e.keyCode === 85 || e.keyCode === 86 || e.keyCode === 117)) {
return false
}
if (e.keyCode === 18 || e.keyCode === 123) {
return false
}
}
}
},
}
</script>
<style scoped>
#container {
overflow: auto;
height: 100%;
width: 100%;
font-family: PingFang SC;
display: flex;
justify-content: center;
position: relative;
background-color: #E6E6E6;
}
/* 右侧功能按钮区 */
.right-btn {
position: fixed;
right: 5%;
bottom: 15%;
width: 120px;
display: flex;
flex-wrap: wrap;
justify-content: center;
z-index: 99;
}
.pdfArea {
padding: 0 30%;
width: 100%;
}
/* ------------------- 输入页码 ------------------- */
.pageNum {
margin: 10px 0;
font-size: 18px;
}
/*在谷歌下移除input[number]的上下箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
/*在firefox下移除input[number]的上下箭头*/
input[type='number'] {
-moz-appearance: textfield;
}
.inputNumber {
border-radius: 8px;
border: 1px solid #999999;
height: 35px;
font-size: 18px;
width: 60px;
text-align: center;
}
.inputNumber:focus {
border: 1px solid #00aeff;
background-color: rgba(18, 163, 230, 0.096);
outline: none;
transition: 0.2s;
}
/* ------------------- 切换页码 ------------------- */
.turn {
background-color: #888888;
opacity: 0.7;
color: #ffffff;
height: 70px;
width: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 5px 0;
}
.turn-btn {
background-color: #000000;
opacity: 0.6;
color: #ffffff;
height: 70px;
width: 70px;
border-radius: 50%;
margin: 5px 0;
display: flex;
align-items: center;
justify-content: center;
}
.turn-btn:hover,
.turn:hover {
transition: 0.3s;
opacity: 0.5;
cursor: pointer;
}
/* ------------------- 进度条 ------------------- */
.progress {
position: absolute;
right: 50%;
top: 50%;
text-align: center;
}
.progress > span {
color: #199edb;
font-size: 14px;
}
</style>
二、java使用aspose(付费)
1.引入库
引入依赖(阿里云仓库无此依赖)
xml
<dependency>
<groupId>com.aspose</groupId>
<artifactId>aspose-words</artifactId>
<version>15.12.0</version>
</dependency>
jar包
加我qq获取:1092705638(记得备注csdn)
2.封装的工具类
封装的工具类
java
package com.hz.jx.utils.MingWeiUtil;
import com.aspose.words.Document;
import com.aspose.words.License;
import com.aspose.words.SaveFormat;
import java.io.*;
/**
* Word 转 Pdf 帮助类
*
* 备注:需要引入 aspose-words-15.8.0-jdk16.jar
*/
public class PdfUtil {
private static boolean getLicense() {
boolean result = false;
try {
InputStream is = PdfUtil.class.getClassLoader().getResourceAsStream("license.xml");
License aposeLic = new License();
aposeLic.setLicense(is);
result = true;
} catch (Exception e) {
e.printStackTrace();
}
return result;
}
/**
* 生成pdf文件
* @param wordPath 需要被转换的word全路径带文件名
* @param pdfPath 转换之后pdf的全路径带文件名
*/
public static void doc2pdf(String wordPath, String pdfPath) {
// 验证License 若不验证则转化出的pdf文档会有水印产生
if (!getLicense()) {
return;
}
try {
long old = System.currentTimeMillis();
//新建一个pdf文档
File file = new File(pdfPath);
FileOutputStream os = new FileOutputStream(file);
//Address是将要被转化的word文档
Document doc = new Document(wordPath);
//全面支持DOC, DOCX, OOXML, RTF HTML, OpenDocument, PDF, EPUB, XPS, SWF 相互转换
doc.save(os, SaveFormat.PDF);
long now = System.currentTimeMillis();
os.close();
//转化用时
System.out.println("共耗时:" + ((now - old) / 1000.0) + "秒");
} catch (Exception e) {
e.printStackTrace();
}
}
/**
* 将word文件转成成pdf文件流
* @param wordPath word文件地址
* @param outputStream 输出流
*/
public static void doc2pdfFileStream(String wordPath, OutputStream outputStream) {
// 验证License 若不验证则转化出的pdf文档会有水印产生
if (!getLicense()) {
return;
}
try {
long old = System.currentTimeMillis();
//Address是将要被转化的word文档
Document doc = new Document(wordPath);
//全面支持DOC, DOCX, OOXML, RTF HTML, OpenDocument, PDF, EPUB, XPS, SWF 相互转换
doc.save(outputStream, SaveFormat.PDF);
long now = System.currentTimeMillis();
outputStream.close();
//转化用时
System.out.println("共耗时:" + ((now - old) / 1000.0) + "秒");
} catch (Exception e) {
e.printStackTrace();
}
}
}
3、付费密钥文件
resouce目录下创建文件license.xml
xml
<License>
<Data>
<Products>
<Product>Aspose.Total for Java</Product>
<Product>Aspose.Words for Java</Product>
</Products>
<EditionType>Enterprise</EditionType>
<SubscriptionExpiry>20991231</SubscriptionExpiry>
<LicenseExpiry>20991231</LicenseExpiry>
<SerialNumber>8bfe198c-7f0c-4ef8-8ff0-acc3237bf0d7</SerialNumber>
</Data>
<!-- word转pdf付费密钥-->
<Signature>
sNLLKGMUdF0r8O1kKilWAGdgfs2BvJb/2Xp8p5iuDVfZXmhppo+d0Ran1P9TKdjV4ABwAgKXxJ3jcQTqE/2IRfqwnPf8itN8aFZlV3TJPYeD3yWE7IT55Gz6EijUpC7aKeoohTb4w2fpox58wWoF3SNp6sK6jDfiAUGEHYJ9pjU=
</Signature>
</License>
总结
后端获取word文件转成pdf文件流,前端接收文件流使用vue-pdf分页展示。
小编也是试了很多这个最好用。