Загрузка картинок из редактора через @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:3115.12.2021 06:23:1415.12.2021 06:22:28
Дима, привет!

А ты не сможешь использовать Uploader так, как ты здесь вариант приводишь. Uploader - это Реакт-компонент, а не просто отдельный набор готовых функций. То есть чтобы он работал, его и надо вставлять как Реакт-компонент. Ты же вот здесь его вставляешь как надо.
<Uploader name="post" onUpload={onUpload} directory="images/" />
А там у тебя да, сторонний компонент, который требует навешивания функции-обработчика на загрузку изображений. К сожалению, у меня эта функция не вынесена, чтобы ее можно было использовать вот так в отдельности. Для этого надо Uploader переписывать в функциональный компонент и пилить отдельный хук. Я себе задачу поставлю сейчас, но не известно когда ее сделаю (ближайшие 2 недели точно буду занят). Но если хочешь, можешь сам переписать. Исходники здесь: https://github.com/prisma-cms/uploader

Заодно разберешься что и как работает.

Добавить комментарий