upload file

загрузить файл

Используйте компонент загрузки element-ui для загрузки изображений в облако Qiniu.

Инженерные требования

1. vue2.4 + экспресс4.14 + es6
2. Версия узла выше 4.0 (для управления версией узла рекомендуется использовать nvm)
3. Проверка стиля кода по стандарту js

Зависимости проекта

1. циню
2. элемент-UI

Установить зависимости

npm install

Начать проект

1. Инженерный порт 8080
2. Режим Fusion запускается

npm start

Примечание. В этом режиме файлы можно загружать при запуске.

3. Запуск режима Nodemon

npm run nodemon

процесс

1. Открытый ключ конфигурации серверной части, закрытый ключ и имя пространства хранения.
2. Серверная часть строит стратегию загрузки для генерации uploadToken.
3. Серверный API возвращает uploadToken
4. Прежде чем загружать файлы на внешний интерфейс, вызовите внутренний API, чтобы получить uploadToken.
5. Интерфейсная часть успешно загрузила изображение и получила адрес изображения, возвращенный Qiniu.

Циню

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.