위 챗 애플 릿 springboot nginx 이미지 저장 소 업로드 탐색
머리말
본인 소 백 이 한 명 입 니 다. 이것 은 처음으로 위 챗 애플 릿 을 배 운 것 입 니 다. 이에 기록 합 니 다.
먼저 nginx 를 준비 하여 이미지 저장 소 를 만 들 겠 습 니 다.
그림 을 저장 할 주 소 를 선택 하 십시오.
#
[root@VM_0_16_centos images]# pwd
/home/photos/images
[root@VM_0_16_centos images]#
그리고 nginx 설정
#
vi nginx.conf
#
location /images/ {
root /home/photos/;
autoindex on; # , images , ,
}
테스트: ip: port / images / images이름 확장자
그리고 spring boot 파일 로 올 려 주세요.
코드
@RestController
@Slf4j
@Api(tags = " ")
public class UploadLoadController {
@Value(value = "${file.path}")
private String filePath;
@PostMapping(value = "/upload")
@ApiOperation(value = " ")
public String uploadPhoto(MultipartFile files) throws IOException {
//
String fileName = files.getOriginalFilename();
//
String suffixName = fileName.substring(fileName.lastIndexOf("."));
//
fileName = UUID.randomUUID()+suffixName;
byte[] bytes = files.getBytes();
Path path = Paths.get(filePath + fileName);
Files.write(path,bytes);
return fileName;
}
}
프로필
file.path=/home/photos/images/
마지막 으로 애플 릿 만 들 기.
wx.chooseImage({
sizeType: ['original', 'compressed'],
sourceType: ['album', 'camera'],
success(res) {
// tempFilePath img src
var tempFilePaths = res.tempFilePaths[0]
console.log(" " + tempFilePaths)
wx.uploadFile({
url: 'http://ip:port/jt/upload',
filePath: tempFilePaths,
name: 'files',
header: {
'content-type': 'multipart/form-data'
},
success(res) {
console.log(res.data)
}
})
}
})
마지막 탐색
찾 아 보 는 주 소 는 ip: port / images / image 입 니 다.이름 확장자
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.