layui前端上传文件js代码 后端springboot controller代码
时间: 2023-06-15 18:07:46 浏览: 209
前端上传文件的代码:
```javascript
layui.use(['upload'], function () {
var upload = layui.upload;
//执行实例
var uploadInst = upload.render({
elem: '#test1' //绑定元素
,url: '/upload' //上传接口
,done: function(res){
//上传完毕回调
console.log(res);
}
,error: function(){
//请求异常回调
console.log('请求异常');
}
});
});
```
后端 Spring Boot Controller 的代码:
```java
@RestController
public class UploadController {
@PostMapping("/upload")
public String upload(MultipartFile file) {
if (file != null) {
//获取上传文件的原始名称
String originalFilename = file.getOriginalFilename();
//获取上传文件的后缀名
String suffix = originalFilename.substring(originalFilename.lastIndexOf(".") + 1);
//生成文件名
String fileName = UUID.randomUUID().toString() + "." + suffix;
//上传文件路径
String filePath = "your_path" + fileName;
try {
//保存上传文件
file.transferTo(new File(filePath));
} catch (IOException e) {
e.printStackTrace();
}
return "上传成功";
} else {
return "上传失败";
}
}
}
```
其中,`your_path` 是你要保存上传文件的路径。
阅读全文