pdf在线预览功能 非插件 后端响应方式

vue可能形式不同 这里只记录js的

如果附件下载功能完成的话  只需获取文件流即可

/**
* 预览pdf
* @param id
* @param res
* @param request
* @return
*/
@RequestMapping("/pdfView/{id}")
public String previewFile(@PathVariable("id") String id, HttpServletResponse res, HttpServletRequest request) {
File file = fileService.get(id);
if(file == null){
return ("文件不存在");
}
String fullPath = FileUtil.UPLOAD_FILE_PATH + file.getUrl();
java.io.File downloadPath = new java.io.File(fullPath);
String fileName = file.getFileName();
try {
res.setContentType("application/pdf");
final String userAgent = request.getHeader("USER-AGENT");
if(StringUtils.contains(userAgent, "MSIE")){//IE浏览器
fileName = URLEncoder.encode(fileName,"UTF-8");
}else if(StringUtils.contains(userAgent, "Mozilla")){//google,火狐浏览器
fileName = new String(fileName.getBytes(), "ISO8859-1");
}else{
fileName = URLEncoder.encode(fileName,"UTF-8");//其他浏览器
}
res.reset();// 非常重要
res.setHeader("Content-Disposition", "inline; filename=" + fileName);
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
byte[] buff = new byte[1024];
BufferedInputStream bis = null;
OutputStream os = null;
//file = null;
try {
os = res.getOutputStream();
//file = new File(ConversionFactoryUtil.rootPath() + filePath);
if (file != null) {
bis = new BufferedInputStream(new FileInputStream(fullPath));
int i = bis.read(buff);
while (i != -1) {
os.write(buff, 0, i);
os.flush();
i = bis.read(buff);
}
return "success";
} else {
return "file not local exists ...";
}
} catch (IOException e) {
e.printStackTrace();
} finally {
if (bis != null) {
try {
os.close();
bis.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
return null;
}

---

 后台接口接收文件id

通过fileService来查找文件

同时利用FileUtil工具获取完整路径,完整的文件名字

设置各个浏览器的解析方式

 

设置流 outputStream  以及fileinputStream读取完整文件路径

直接cv代码 更改部分代码即可达到效果