uniapp小程序多文件上传的前端uniapp后端接口java代码怎么写
时间: 2023-12-23 22:04:18 浏览: 97
对于前端的Uniapp小程序多文件上传,你需要使用uni.uploadFile API进行文件上传,然后将上传的文件信息传递到后端接口。下面是一个简单的前端代码示例:
```
// 定义一个上传函数
function uploadFiles() {
uni.chooseImage({
count: 3, // 最多可以选择3个文件
success: function(res) {
// 上传文件
for (var i = 0; i < res.tempFilePaths.length; i++) {
uni.uploadFile({
url: 'http://localhost:8080/upload', // 后端接口地址
filePath: res.tempFilePaths[i],
name: 'file',
success: function(res) {
console.log(res.data)
}
})
}
}
})
}
```
对于后端接口的Java代码,你可以使用Spring Boot框架来实现。下面是一个简单的Java代码示例:
```
@RestController
public class FileUploadController {
// 定义上传文件的接口
@PostMapping("/upload")
public String uploadFile(@RequestParam("file") MultipartFile file) {
// 处理上传的文件
String fileName = file.getOriginalFilename();
// 保存文件到本地
try {
byte[] bytes = file.getBytes();
Path path = Paths.get("uploads/" + fileName);
Files.write(path, bytes);
} catch (IOException e) {
e.printStackTrace();
}
return "success";
}
}
```
这段代码使用了@RequestParam注解来获取上传的文件,然后将文件保存到本地。注意要先创建一个uploads文件夹用于存放上传的文件。
阅读全文