MOKKY / Документация
  • 👋Добро пожаловать в Mokky
  • Вступление
    • 👀С чего начинать?
    • 🔏Регистрация
    • 🗂️Как создать проект
    • 📄Как создать ресурс
    • ⚒️Примеры на React/JS
  • Обращение к ресурсам
    • 📃Обращение к API
    • 🔍Фильтрация
      • Простой поиск
      • Расширенная фильтрация
      • По нескольким параметрам
      • По нескольким значениям
      • Глубокая фильтрация
    • ↕️Сортировка
    • 🔢Пагинация
    • 📄Выборка полей
    • 🔛Связь двух ресурсов
  • Доп. настройки
    • JSON-генератор
    • Аутентификация
      • Защита ресурсов
      • Пример кода
      • Обращение к защищенным ресурсам
      • Получение авторизованного пользователя
    • Загрузка файлов
    • Инкрементировать поле
    • Разрешённые методы
    • Фейковый статус
Powered by GitBook
On this page
  1. Доп. настройки

Загрузка файлов

PreviousПолучение авторизованного пользователяNextИнкрементировать поле

Last updated 1 year ago

В любом вашем проекте можно включить загрузку файлов. Для этого достаточно зайти в настройки проекта и активировать данный пункт:

После сохранения, в списках ресурсов появится новый ресурс /uploads

Как загрузить файл?

Теперь нам доступен ресурс /uploads на который необходимо отправлять ваш файл.

На данный ресурс необходимо отправлять POST-запрос с загружаемым файлов.

Вот пример кода на JavaScript и HTML для загрузки файла:

<input type="file" id="fileInput" />
<button>Загрузить</button>
const input = document.querySelector('#fileInput');
const button = document.querySelector('button');

async function uploadFile() {
  const formData = new FormData();
  
  // Прикрепляем файл к запросу
  formData.append('file', input.files[0]);
  
  const res = await fetch('https://ab25db78ee597814.mokky.dev/uploads', {
    method: 'POST',
    body: formData
  });
  
  if (res.ok) {
    const json = await response.json();
    console.log('Success:', result);
  }
}

button.addEventListener('click', uploadFile);

При успешной загрузке файла, в ответ вы получите следующий объект:

{
  "id": 52,
  "url": "http://mokky.dev/uploaded/dfnhxiq6j/image/upload/v1686082533/al9osj8c5tfifyej2gw8.jpg"
}