upload file

upload de arquivo

Use o componente de upload do element-ui para fazer upload de imagens para Qiniu Cloud

Requisitos de engenharia

1. vue2.4 + expresso4.14 + es6
2. A versão do nó está acima de 4.0 (recomenda-se usar nvm para gerenciar a versão do nó)
3. Verificação de estilo de código standardjs

Dependências do projeto

1. Qiniu
2. elemento-ui

Instalar dependências

npm install

Iniciar projeto

1. Porta de engenharia 8080
2. O modo de fusão é iniciado

npm start

Nota: Os arquivos podem ser carregados na inicialização neste modo.

3. Inicialização no modo Nodemon

npm run nodemon

processo

1. Chave pública de configuração de back-end, chave privada e nome do espaço de armazenamento
2. O back-end cria a estratégia de upload para gerar uploadToken
3. A API exposta do back-end retorna uploadToken
4. Antes de fazer upload de arquivos no front-end, chame a API de back-end para obter o uploadToken.
5. O front end carregou a imagem com sucesso e obteve o endereço da imagem retornado por Qiniu

Qiniu

1. Transferência direta de arquivos
2. Carregar credenciais
3. SDK do Node.js.

extremidade traseira

1. código

   Nota: Antes de iniciar o projeto, substitua accessKey, secretKey, bucketName e outros parâmetros pelos parâmetros correspondentes fornecidos por Qiniu.

2. Método de solicitação de interface

 # 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 "
    }
}

front-end

1. código

   Nota: Para documentos específicos, consulte upload do element-ui.