PDF上传到数据库(Springboot+Vue+Axios+MybatisPlus)

Vue

<el-dialog title="上传" :visible.sync="dialogVisit" > //对话框组件<el-upload //上传组件ref="upload"style="margin-left: 50px;"accept=".pdf" //接收的类型class="avatar-uploader"action="#":auto-upload="true":show-file-list="false"enctype="multipart/form-data":http-request="upload" //上传方法:before-upload="beforeUpload" //上传前的校验list-type="picture-card"><i class="el-icon-plus"></i></el-upload>
</el-dialog><script lang="ts">private dialogVisit = false; //为true是显示对话框private async upload(file) {let formData = new FormData();formData.append("file",file.file);const { data } = await uploadPdf(formData); //上传方法this.data = data.data;console.log(data);if (data.status == 200) {this.$message.success("pdf文件上传成功");}else {this.$message.error('pdf文件上传失败,'+data.msg);}}
</script>

API

export const uploadPdf =(data: any)=>request({url:"/api/uploadPdf",method: "post",data});

Service.java

String uploadPdf(Integer id,MultipartFile file, HttpServletRequest request)

ServiceImpl.java

   @Overridepublic String uploadPdf(Integer id,MultipartFile file, HttpServletRequest request) {try {request.setCharacterEncoding("UTF-8");}catch (UnsupportedEncodingException e) {throw new RuntimeException(e);}String filename = file.getOriginalFilename();// 文件是否为空if (StringUtils.isEmpty(filename)) {throw new RuntimeException("文件名为空");}//获取文件后缀名String suffixName = filename.substring(filename.lastIndexOf(".") + 1);if (!suffixName.equals("pdf")) {throw new RuntimeException("上传的文件非PDF格式");}//限制上传文件大小最大为10Mif (file.getSize() > 10485760) { //10Mthrow new RuntimeException("上传的PDF文件大于10M");}try {byte[] bytes = file.getBytes();// 数据库已有数据进行修改File newfile = new File().setId(id).setData(bytes);//使用mybatisPlus的BaseMapper，修改数据库的data，把pdf已bytes的形式存入数据库fileMapper.updateById(newfile); // 新插入数据//fileMapper.insert(newfile)}catch (IOException e) {e.printStackTrace();}return "成功"; //返回统一的结果封装类}

Controller.java

  @PostMapping("uploadPdf/{id}")public String uploadPdf(@PathVariable Integer id, @RequestParam("file") MultipartFile file, HttpServletRequest request) {return fileService.uploadPdf(id,file,request);}

PDF上传到数据库(Springboot+Vue+Axios+MybatisPlus)相关推荐

vue上传文件到php,vue+axios+php如何实现上传文件功能？,formdata上传文件附加参数...
vue+axios+php如何实现上传文件功能?Vue Axios PHP如何实现上传文件的功能?, 推荐:<PHP视频教程> 当我们提交表单时,我们经常会遇到一些表单提交要求.vue的a ...
elementui 按钮表单_前后端分离，文件上传下载（springBoot+vue+elementUI）
1.介绍本文主要是介绍前后端分离的上传下载,后端使用的是SpringBoot,持久层用的是mybatis-plus,前端用的Vue,UI用的elementUI,测试了一下,文本,图片,excel,都 ...
基于ruoyi+vue+elementUI实现列表，新增，附件上传，tab+springBoot+mybatis+oracle序列+批量新增
基于ruoyi+vue+elementUI实现列表,新增,附件上传,tab+springBoot+mybatis+oracle序列+批量新增页面效果列表页面新增页面详情页面代码实现列表+新 ...
C#：将图片文件上传到数据库两种方法。
(推荐)方法1: 将图片复制到指定文件夹,在数据库中存储图片路径,通过读取路径来显示图片. string str;private void toolStripButton1_Click(object ...
asp如何将图片文件上传到mysql数据库中_怎样才能利用ASP把图片上传到数据库
欢迎来到小编的文章进行学习阅读,想必大家又有很多问题吧,在这里会有你想要收获的答案,请大家慢慢学习吧! ASP(Active Server Pages)是Microsoft很早就推出的一种WEB应用程 ...
word表格导出html代码,(网页源代码中的表格数据怎么导出excel)如何将把从WORD、EXCEL中复制的内容转换成HTML源代码，再通过网页表单提交上传到数据库？...
如何将ASP页面中的表格生成一个Excel表,求源码 '给你个例子吧.保存为 asp文件看看.具体就在第一句. New Page 1PJ计画第版案件No 案件名主门顾客 PJ责任者営业担当 ...
mysql如何上传照片_MySQL数据库之图片上传存储数据库的２种方法讲解（Mysql）
本文主要向大家介绍了MySQL数据库之图片上传存储数据库的2种方法讲解(Mysql) ,通过具体的内容向大家展现,希望对大家学习MySQL数据库有所帮助. 数据库Mysql存储,读取图片在项目中,很 ...
利用mysql实现上传和下载_将文件上传到数据库和从数据库下载文件到本地
有时候我们需要把图片.文档.dll文件.等等,上传的数据库,然后当需要的时候再从数据库中读取到本地,下面我以上传图片为例,讲解一下如何把本地的一张图片上传到数据库,然后再从数据库下载到本地. 工具:V ...
fileUpload实现普通表单和file图片上传到数据库
fileUpload实现普通表单和file图片上传到数据库效果图: 实现 jsp:页面 servelt:控制器 service:逻辑操作 dao:数据库操作 domain:javaBean类首先需 ...

PDF上传到数据库(Springboot+Vue+Axios+MybatisPlus)

PDF上传到数据库(Springboot+Vue+Axios+MybatisPlus)相关推荐

最新文章

热门文章