upload file

télécharger le fichier

Utilisez le composant de téléchargement d'element-ui pour télécharger des images sur Qiniu Cloud

Exigences techniques

1. vue2.4 + express4.14 + es6
2. La version du nœud est supérieure à 4.0 (il est recommandé d'utiliser nvm pour gérer la version du nœud)
3. Vérification du style de code standardjs

Dépendances du projet

1. qiniu
2. élément-ui

Installer les dépendances

npm install

Démarrer le projet

1. Port d'ingénierie 8080
2. Le mode Fusion démarre

npm start

Remarque : Les fichiers peuvent être téléchargés au démarrage dans ce mode.

3. Démarrage en mode Nodémon

npm run nodemon

processus

1. Clé publique de configuration backend, clé privée et nom de l'espace de stockage
2. Le backend construit la stratégie de téléchargement pour générer uploadToken
3. L'API exposée au backend renvoie uploadToken
4. Avant de télécharger des fichiers sur le front-end, appelez l'API back-end pour obtenir le uploadToken.
5. Le frontal a téléchargé avec succès l'image et a obtenu l'adresse de l'image renvoyée par Qiniu

Qiniu

1. Transfert de fichiers direct
2. Télécharger les informations d'identification
3. SDK Node.js

extrémité arrière

1. code

   Remarque : Avant de démarrer le projet, remplacez accessKey, secretKey, bucketName et d'autres paramètres par les paramètres correspondants fournis par Qiniu.

2. Méthode de demande d'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 "
    }
}

l'extrémité avant

1. code

   Remarque : Pour des documents spécifiques, veuillez vous référer au téléchargement element-ui.