自记boot图片上传存储调用

最新推荐文章于 2023-05-18 14:38:15 发布

大母鹅傲大母鹅

最新推荐文章于 2023-05-18 14:38:15 发布

阅读量149

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/Xyl199712201/article/details/123497782

版权

本文介绍了使用Boot进行图片上传和获取的流程。在上传存储部分，图片保存于服务器的target目录，前端通过html和js处理，后端涉及controller和service层。在图片获取部分，从数据库中获取uuid，拼接路径进行显示。

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

上传存储部分

上传图片存储在服务器的target中

以下为保存图片，并将最终返回的obj中的‘uuid+后缀’储存到数据库中方便后期调用

前端：html

<div class="file1">
    <label class="file2">图片上传</label>
    <div class="file3" id="photo1">
        <input class="file4" id="photo2" type="file"/>
    </div>
    <div>
        <button id="button1" οnclick="formphoto()">提交</button>
    </div>
</div>

前端:js

<script>
    function formphoto() {
        const formData = new FormData();
--------可先输出console看拿到的参数再进行添加----------
        formData.append('file', $('#photo2')[0].files[0]);
        $.ajax({
            type: "post",
            url: "/savephoto"