Springboot+ajax上传文件+ajax异步上传文件实现上传头像以及回显功能

Springboot+ajax上传文件+ajax异步上传文件实现上传头像以及回显功能

这是我第一次在CSDN上分享自己的一些学习成果，这次我想分享一些关于头像上传功能自己的一些想法。大家有什么不同的想法欢迎下面评论。

实现功能的步骤

大体可以分为两大步骤：
1.选择图片，确定之后图片回显。
2.上传提交。

图片回显功能实现

关于表单的前端代码我就不在这里进行展示了，代码都有详细的注解。

 <form id="form1" th:action="@{/insertUser}" method="post"  enctype="multipart/form-data">
                    <div class="login100-form-avatar">
                        <img id="img1" src="img/no.jpg" alt="AVATAR">
                    </div>
                        <a href="javascript:;" class="file">选择头像
                      <input type="file" name="upload" onchange="test()"> //当改变的时候触发test()方法。
                      <button class="login100-form-btn" type="submit" >注  册</button>
                </form>

大家不要在意这个前端的from表单，重要的是，放一个用于回显图片的<img/>。

//这个方法就是ajax异步上传，test()方法
//想要ajax，记得提前导入jQuery的js文件
<