upload file

cargar-archivo

Utilice el componente de carga de element-ui para cargar imágenes en Qiniu Cloud

Requisitos de ingeniería

1. vue2.4 + expreso4.14 + es6
2. La versión del nodo es superior a 4.0 (se recomienda utilizar nvm para administrar la versión del nodo)
3. Comprobación de estilo de código estándarjs

Dependencias del proyecto

1. qiniu
2. elemento-ui

Instalar dependencias

npm install

Iniciar proyecto

1. Puerto de ingeniería 8080
2. Comienza el modo fusión

npm start

Nota: Los archivos se pueden cargar al iniciar en este modo.

3. Inicio del modo Nodemon

npm run nodemon

proceso

1. Clave pública de configuración de backend, clave privada y nombre del espacio de almacenamiento
2. El backend crea la estrategia de carga para generar uploadToken
3. La API expuesta en el backend devuelve uploadToken
4. Antes de cargar archivos en el front-end, llame a la API de back-end para obtener el uploadToken.
5. La interfaz cargó con éxito la imagen y obtuvo la dirección de la imagen devuelta por Qiniu.

qiniu

1. Transferencia directa de archivos
2. Subir credenciales
3. SDK de Node.js

extremo posterior

1. código

   Nota: Antes de comenzar el proyecto, reemplace accessKey, secretKey, bucketName y otros parámetros con los parámetros correspondientes proporcionados por Qiniu.

2. Método de solicitud de interfaz

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

Interfaz

1. código

   Nota: Para documentos específicos, consulte la carga de element-ui.