2023年11月28日发(作者：)

java实现图⽚在线预览

⼀、场景

⽤户上传了⼀张图⽚，已有服务器保存路径。需实现点击预览将图⽚显⽰在浏览器上。在线预览图⽚的⽅法也有很多，⽐如 ⽤标签，

也可以⽤ js ⽅法等等。

这篇⽂章主要介绍使⽤ pageoffice 插件在线实现图⽚的预览

⼆、核⼼代码

⼤家可能看到api显⽰的是打开pdf 的⽅法，别担⼼，打开图⽚也是⽤的这个⽅法呢。

三、实现过程

1.官⽹下载集成⽂件，引⼊jar包，配置

2.在⽗页⾯(需要打开⽂档的页⾯)放⼀个a标签或者button

写a标签之前先引⼊pageoffice需要的js⽂件

然后添加a标签

打开图⽚

3.在⽗页⾯同级⽬录下创建⼀个名为的⽂件和的图⽚

<%@ page language="java" import=".*" pageEncoding="utf-8"%>

<%@ page import="fice.*, iter.*,.*"%>

PDFCtrl poCtrl1 = new PDFCtrl(request);

verPage(textPath()+"/"); //此⾏必须

// Create custom toolbar

tomToolButton("打印", "Print()", 6);

tomToolButton("-", "", 0);

tomToolButton("实际⼤⼩", "SetPageReal()", 16);

tomToolButton("适合页⾯", "SetPageFit()", 17);

tomToolButton("适合宽度", "SetPageWidth()", 18);

tomToolButton("-", "", 0);

}

function SwitchFullScreen() {

mentById("PDFCtrl1").FullScreen = !mentById("PDFCtrl1").FullScreen;

}

function SetPageReal() {

mentById("PDFCtrl1").SetPageFit(1);

}

转载于:/u/3507515/blog/3079434