springboot+使用ajax上传文件并返回路径存入数据库

最新推荐文章于 2022-09-08 20:35:32 发布

原创

最新推荐文章于 2022-09-08 20:35:32 发布 · 1.1k 阅读

5 ·

CC 4.0 BY-SA版权

本文介绍如何在SpringBoot项目中使用Ajax进行文件上传，包括前端jQuery实现和后端处理，以及文件路径的返回与存储。代码示例简单易懂，适用于单文件上传，也可扩展到多文件上传。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说直接上图。
前端（PS：都是后端，你懂得。。。。怎么简单怎么来）
在这里插入图片描述
对了，那个语法需要引入jQuery，懒得去找了。。。O(∩_∩)O哈哈~，我是纯手打的。
后台
自己写的一个上传文件并返回文件名封装的方法，其实就是流而已。

controller层就没什么好说了的了，只是那个图片路径看你自己怎么存了，按照实际情况看看可拼接一下。
在这里插入图片描述
下面是代码，自己看着来复制哈，其实很简单的一个小东西而已，最惨的是自己还捣鼓了半天(＃￣～￣＃)

<form enctype="multipart/form-data">
    <input type="file" id="upload">
    <input type="text" id="name">
    <input type="text" id="cuId">
    <button id="button" type="button" value="上传" onclick="upload()"></button>
</form>
<script>
    function upload() {
        var formData = new FormData();//表单对象
        formData.append("file",$("#upload")[0].files[0]);