admin管理员组文章数量:1649202
老师开题指导的时候叫加一个vue+springboot在线预览pdf的功能,用pdf.js没搞定,最后用vue-pdf完成了,上代码
一、数据库段
确保你数据库表有相应的字段,如图,字段为pdf(存的时间戳)
二、后端部分
代码如下,直接拿,gpt给的解释
FileController.java
// 文件上传接口
@RestController
@RequestMapping("/files")
public class FileController {
// 文件上传存储路径
private static final String filePath = System.getProperty("user.dir") + "/file/";
@PostMapping("/upload") // 左边:PostMapping注解,右边:方法声明
public Result upload(MultipartFile file) { // 左边:方法声明,右边:方法体开始
synchronized (FileController.class) { // 左边:同步块开始,右边:同步块结束
String flag = System.currentTimeMillis() + ""; // 左边:变量声明,右边:变量赋值
String fileName = file.getOriginalFilename(); // 左边:变量声明,右边:方法调用
try { // 左边:try块开始,右边:try块结束
if (!FileUtil.isDirectory(filePath)) { // 左边:条件判断,右边:方法调用
FileUtil.mkdir(filePath); // 左边:方法调用,右边:方法参数
}
// 文件存储形式:时间戳-文件名
FileUtil.writeBytes(file.getBytes(), filePath + flag + "-" + fileName); // 左边:方法调用,右边:方法参数
System.out.println(fileName + "--上传成功"); // 左边:方法调用,右边:字符串拼接
Thread.sleep(1L); // 左边:方法调用,右边:方法参数
} catch (Exception e) { // 左边:catch块开始,右边:catch块结束
System.err.println(fileName + "--文件上传失败"); // 左边:方法调用,右边:字符串拼接
}
return Result.success(flag); // 左边:return语句,右边:方法调用
}
}
/**
* 获取文件
*/
@GetMapping("/{flag}") // 左边:GetMapping注解,右边:方法声明
public void avata
本文标签: 在线组件数据库vueSpringBoot
版权声明:本文标题:vue+springboot+vue-pdf组件映射数据库实现pdf在线预览 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1729504266a1203442.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论