java ajax上传头像代码_Springboot+ajax上传文件+ajax异步上传文件实现上传头像以及回显功能...

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

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

实现功能的步骤

大体可以分为两大步骤：

1.选择图片，确定之后图片回显。

2.上传提交。

图片回显功能实现

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

选择头像

//当改变的时候触发test()方法。

注 册

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

//这个方法就是ajax异步上传，test()方法

//想要ajax，记得提前导入jQuery的js文件

function test(){

var formData = new FormData($("#form1")[0]); //form1为表单的id

$.ajax({

url: "ajaxUpload",

type: "POST",

data: formData,

async: false, //异步关闭，同步完成，保证回显图片

contentType: false