前后端分离实现上传图片的功能
思路
前端上传图片和分类名称,保存图片文件,将数据追加到formData传给后端,回调清空。
后端对图片和分类名分开进行处理。分类名进行普通的增加。图片需要借助工具类转化成统一格式,再构造出“id+.jpg”的格式上传到文件夹中。
前端
新增分类
分类名称 | |
分类图片 | |
bean 用来存放分类信息,file 用来表示上传的文件。
bean: { id: 0, name: ''},
file: null
getFile: function (event) {
this.file = event.target.files[0];
},
add: function () {