简单的用户头像修改功能(springboot后台)

最新推荐文章于 2024-06-27 23:42:05 发布

七和路过

最新推荐文章于 2024-06-27 23:42:05 发布

阅读量6.8k

点赞数 6

分类专栏： web项目文章标签： springboot

本文链接：https://blog.csdn.net/qq_40493277/article/details/86504134

版权

本文记录了在www.qihea.xyz网站上实现用户头像修改功能的过程，前端代码部分借鉴他人，主要讨论了后端SpringBoot的实现细节，包括文件上传、验证、保存文件路径到数据库以及图片的后台获取方法。

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

最近做了一个网站：www.qihea.xyz，实现了一个小功能-头像修改，记录一下实现过程。

说来有点惭愧，这js代码是抄袭的...而且忘了从哪抄的了。

实现效果：

提交后

抄袭的也要厚着脸皮说是我凭本事抄的：抄袭不问出处...

1.clear()代码是为了添加一个图片后，不满意再继续换，需要先清除之前的<input>再添加新的<input>来实现。

2.插件我看不懂，这东西没接触过( ′ д｀ )…彡…彡

3.后台操作讲解：（我透，这也是抄的...）https://blog.csdn.net/koushr/article/details/51193857

1.上传文件，

2.验证文件类型，可以参考：Java判断文件是否为图片

我直接根据后缀名验证的，虽然在js代码中已经筛选了不是图片的上传文件(file.type.match(imageType))，但是还是需要验证。可是我后台这种只处理后缀名的办法非常不可靠，等有机会了会重写一下。

3.然后生成文件路径:filepath\token.文件类型,保存到文件中。

4.将文件路径保存到数据库中。

4.获取图片的后台操作：

见代码，很简单。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息修改</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript">
    function clear(){
     $("#file").remove();
     $('#myform').prepend("<input type=\"file\" id=\"file\" name=\"file\"/&

最低0.47元/天解锁文章

七和路过

关注

6
点赞
踩
25

收藏

觉得还不错? 一键收藏
1
评论
简单的用户头像修改功能(springboot后台)

最近做了一个网站：www.qihea.xyz，实现了一个小功能-头像修改，记录一下实现过程。说来有点惭愧，这js代码是抄袭的...而且忘了从哪抄的了。实现效果：提交后抄袭的也要厚着脸皮说是我凭本事抄的：抄袭不问出处...1.clear()代码是为了添加一个图片后，不满意再继续换，需要先清除之前的&lt;input&gt;再添加新的&lt;input&gt;来实现。2.插件我...
复制链接

扫一扫

专栏目录