Загрузка картинок из редактора через @prisma-cms/uploader
Выполняется
Проект: Обучение. Март.
| Планируемый запуск: | Дата начала: | 15.12.2021 | Планируемое завершение: | Дата завершения: |
Описание задачи
Разбираю Editor.js и уперся: как залить картинку, которую добавляем через редактор.
В редакторе есть функция, в которую залетает файл, в ней надо загрузить файл и вернуть полную ссылку на файл.
import Uploader from '@prisma-cms/uploader'
...
uploadByFile(file: string | Blob) {
console.log('file', file)
//Здесь пытаюсь через Uploader загрузиться и получить url
return Uploader.upload(file).then(() => {
return {
success: 1,
file: {
url: 'http://localhost:3000/uploads/images/1638094124655-Z62_3167.jpg',
},
}
})
},
},
Ругается на .upload(file): Property 'upload' does not exist on type 'typeof Uploader'.ts(2339)
Понятно ,что куда-то совсем не туда полез ,нео выползти не получается.
Нужна помощь!
Вопрос: как правильно пристроить Uploader в этом случае?
| Проект | Задача | Статус | Дата постановки | Начало | Конец | Кто создал |
|---|---|---|---|---|---|---|
| Обучение. Март. | Загрузка картинок из редактора через @prisma-cms/uploader | Выполняется | 28.11.2021 14:06:31 | 19.12.2024 11:10:08 | 19.12.2024 11:10:15 | |
| Обучение. Март. | Загрузка картинок из редактора через @prisma-cms/uploader | Выполняется | 28.11.2021 14:06:31 | 07.06.2023 10:10:34 | 07.06.2023 10:10:38 | |
| Обучение. Март. | Загрузка картинок из редактора через @prisma-cms/uploader | Выполняется | 28.11.2021 14:06:31 | 18.05.2022 19:02:20 | 18.05.2022 19:02:21 | |
| Обучение. Март. | Загрузка картинок из редактора через @prisma-cms/uploader | Выполняется | 28.11.2021 14:06:31 | 18.05.2022 19:02:16 | 18.05.2022 19:02:19 | |
| Обучение. Март. | Загрузка картинок из редактора через @prisma-cms/uploader | Выполняется | 28.11.2021 14:06:31 | 15.12.2021 06:23:14 | 15.12.2021 06:22:28 |
Дима, привет!
А ты не сможешь использовать Uploader так, как ты здесь вариант приводишь. Uploader - это Реакт-компонент, а не просто отдельный набор готовых функций. То есть чтобы он работал, его и надо вставлять как Реакт-компонент. Ты же вот здесь его вставляешь как надо.
<Uploader name="post" onUpload={onUpload} directory="images/" />
А там у тебя да, сторонний компонент, который требует навешивания функции-обработчика на загрузку изображений. К сожалению, у меня эта функция не вынесена, чтобы ее можно было использовать вот так в отдельности. Для этого надо Uploader переписывать в функциональный компонент и пилить отдельный хук. Я себе задачу поставлю сейчас, но не известно когда ее сделаю (ближайшие 2 недели точно буду занят). Но если хочешь, можешь сам переписать. Исходники здесь: https://github.com/prisma-cms/uploader
Заодно разберешься что и как работает.
Спасибо: изучаю
Не за что!