前端页面同时上传文本和文件到数据库（inpt text和input file）

最新推荐文章于 2022-07-03 19:39:04 发布

CWtmp

最新推荐文章于 2022-07-03 19:39:04 发布

阅读量2.8k

点赞数 2

文章标签： SpringBoot

本文链接：https://blog.csdn.net/qq_42670048/article/details/86582826

版权

本文介绍了如何使用SpringBoot和jQuery实现同时上传文本和文件到数据库。前端利用FormData封装表单数据，后台通过MultipartHttpServletRequest处理文件和文本，将文件存储为Blob并保存路径到数据库，Base64编码的图片可以直接在前端展示。

摘要由CSDN通过智能技术生成

最近遇到了这么一个情况，需要同时上传文本和文件到数据库。

我是用springboot + jquery实现的。

前端代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>文件上传</title>

</head>

<body>
<form id="uploadForm" method="post" enctype="multipart/form-data">
    <input type="text" name="info">
    <input type="text" name="info">
    <input type="file" name="file">
    <input type="file" name="file">
</form>
<button id="uploadButton">存入数据库</button>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
        $(document).ready(function () {
            $("#uploadButton").click(function () {
                alert("测试");
                var