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

作者：很楠不爱3 | 2024-04-09 14:51:02

踩

longlbob类型 springboot修改用户头像

最近做了一个网站：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 ty

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/很楠不爱3/article/detail/393457