upload file

업로드 파일

Qi Niu Cloud에 사진을 업로드하려면 요소-upload 구성 요소를 사용하십시오.

엔지니어링 요구 사항

1. vue2.4 + Express4.14 + ES6
2. 노드 버전은 4.0 이상입니다 (NVM을 사용하여 노드 버전을 관리하는 것이 좋습니다)
3. 코드 스타일 확인 표준 JS

엔지니어링 의존성

1. qiniu
2. 요소 UI

설치 의존성

npm install

프로젝트 시작

1. 엔지니어링 포트 8080
2. 퓨전 모드 시작

npm start

참고 :이 모드에서 시작하여 파일을 업로드하십시오

3. Nodemon 모드 스타트 ​​업

npm run nodemon

프로세스

1. 백 -엔드 구성 공개 키, 개인 키 및 저장 공간 이름
2. Back -End 업로드 업로드 전략은 업로드 텔 로트를 생성하는 데 사용됩니다.
3. 백 -엔드 노출 API는 업로드 텔로 돌아갑니다
4. 파일을 업로드하기 전에 Back -End API에 전화를 걸어 업로드 턴을 얻으십시오.
5. 프론트 엔드에 사진을 업로드하고 Qi Niu가 반환 한 사진 주소를 얻으십시오.

일곱 젖소

1. 직접 파일
2. 바우처 업로드
3. node.js sdk

후단

1. 암호

   참고 : 프로젝트를 시작하기 전에 먼저 Accesskey, Secretkey, BucketName 및 기타 매개 변수와 같은 매개 변수를 Qiniu가 제공 한 해당 매개 변수로 바꾸십시오.

2. 인터페이스 요청 방법

 # request url
curl --request GET 
     --url ' http://localhost:8080/api/upload?fileName=123.png '

# body
{
    " code " : " 1 " ,
    " desc " : " ok " ,
    " result " : {
        " bucketName " : " bucket-name " ,
        " fileName " : " f90bad3c937d1dcdfc37.png " ,
        " uploadToken " : " JjO_ih1JuNJAKDT-cr5T10TSuBGyJf1 "
    }
}

프론트 엔드

1. 암호

   참고 : 특정 문서, Element-UI 업로드를 참조하십시오.