文件上传前端页面的三要素
1.form的提交方式必须为post
2.form提交的编码必须为multipart/form-data
3.需要有一个type=file的input用于打开上传的窗口
后端接收文件
要调用springBoot中的一个MultipartFile类型去定义要接受的文件类型,并且形参名要和传文件的input标签的name相同,如果name不同也可以通过以下方式去实现正常接受,但是一般情况下,保持名字一致即可。
Controller的编写
将上传的文件存储到本地
为了避免上传相同名称的文件导致后上传的文件把先上传的文件覆盖,比如我们保存文件的文件夹中已经保存了一张叫做1.jpg的文件,接着我们又上传了一张叫做1.jpg的文件两者虽然图片内容不同,但是后面的那张图片会把前面的那张覆盖掉。所以我们以UUID的方式给上传的文件去命名。UUID形如:550e8400-e29b-41d4-a716-446655440000。这样就能够保持文件的名称一定不会重复。再拼接上我们截取到的上传的文件的后缀,就可以形成最终的文件名。
视频链接: