前台: 代码复制过去
<el-upload
class="upload-demo"
drag
//填写你的后台地址
action="/UploadImg"
multiple>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
<div class="el-upload__tip" slot="tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>
后台:
@RestController
@RequestMapping("/UploadImg")
public class UploadImgController {
@PostMapping
public String add(MultipartFile file) {
//获取图片名称
String Filename = file.getOriginalFilename();
try {
//设置输出流
BufferedOutputStream os = new BufferedOutputStream(new FileOutputStream("E:\\"+Filename));
//获取输入流
InputStream inputStream = file.getInputStream();
byte[] bys = new byte[1024];
int len;
//利用循环输出
while ((len = inputStream.read(bys)) != -1) {
os.write(bys,0,len);
}
//关闭流
os.close();
inputStream.close();
} catch (IOException e) {
e.printStackTrace();
}
return Filename;
}
}
然后直接前台启动服务器
上传即可