위 챗 애플 릿 springboot nginx 이미지 저장 소 업로드 탐색

2156 단어
위 챗 애플 릿 전단 - 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 입 니 다.이름 확장자

좋은 웹페이지 즐겨찾기