Загрузка картинок из редактора через @prisma-cms/uploader
| Планируемый запуск: | Дата начала: | 15.12.2021 | Планируемое завершение: | Дата завершения: |
Описание задачи
{"blocks": [{"key": "35pqq", "data": {}, "text": "Разбираю Editor.js и уперся: как залить картинку, которую добавляем через редактор.", "type": "unstyled", "depth": 0, "entityRanges": [], "inlineStyleRanges": []}, {"key": "vfl7", "data": {}, "text": "", "type": "unstyled", "depth": 0, "entityRanges": [], "inlineStyleRanges": []}, {"key": "3c20c", "data": {}, "text": "В редакторе есть функция, в которую залетает файл, в ней надо загрузить файл и вернуть полную ссылку на файл.", "type": "unstyled", "depth": 0, "entityRanges": [], "inlineStyleRanges": []}, {"key": "ea127", "data": {}, "text": "", "type": "unstyled", "depth": 0, "entityRanges": [], "inlineStyleRanges": []}, {"key": "5123h", "data": {}, "text": "", "type": "unstyled", "depth": 0, "entityRanges": [], "inlineStyleRanges": []}, {"key": "3b1ph", "data": {}, "text": " ", "type": "atomic", "depth": 0, "entityRanges": [{"key": 0, "length": 1, "offset": 0}], "inlineStyleRanges": []}, {"key": "3jsb6", "data": {}, "text": "", "type": "unstyled", "depth": 0, "entityRanges": [], "inlineStyleRanges": []}, {"key": "afpaq", "data": {}, "text": "Ругается на .upload(file): Property 'upload' does not exist on type 'typeof Uploader'.ts(2339)", "type": "unstyled", "depth": 0, "entityRanges": [], "inlineStyleRanges": []}, {"key": "27f6k", "data": {}, "text": "", "type": "unstyled", "depth": 0, "entityRanges": [], "inlineStyleRanges": []}, {"key": "88el0", "data": {}, "text": "Понятно ,что куда-то совсем не туда полез ,нео выползти не получается. ", "type": "unstyled", "depth": 0, "entityRanges": [], "inlineStyleRanges": []}, {"key": "2ti5", "data": {}, "text": "", "type": "unstyled", "depth": 0, "entityRanges": [], "inlineStyleRanges": []}, {"key": "9ghcc", "data": {}, "text": "Нужна помощь!", "type": "unstyled", "depth": 0, "entityRanges": [], "inlineStyleRanges": []}, {"key": "1j36f", "data": {}, "text": "Вопрос: как правильно пристроить Uploader в этом случае? ", "type": "unstyled", "depth": 0, "entityRanges": [], "inlineStyleRanges": []}], "entityMap": {"0": {"data": {"lang": "php", "content": "import Uploader from '@prisma-cms/uploader'\n...\n\n uploadByFile(file: string | Blob) {\n console.log('file', file)\n\n //Здесь пытаюсь через Uploader загрузиться и получить url\n return Uploader.upload(file).then(() => {\n return {\n success: 1,\n file: {\n url: 'http://localhost:3000/uploads/images/1638094124655-Z62_3167.jpg',\n },\n }\n })\n },\n },"}, "type": "TOKEN", "mutability": "IMMUTABLE"}}}
Дима, привет! А ты не сможешь использовать Uploader так, как ты здесь вариант приводишь. Uploader - это Реакт-компонент, а не просто отдельный набор готовых функций. То есть чтобы он работал, его и надо вставлять как Реакт-компонент. Ты же вот здесь его вставляешь как надо. А там у тебя да, сторонний компонент, который требует навешивания функции-обработчика на загрузку изображений. К сожалению, у меня эта функция не вынесена, чтобы ее можно было использовать вот так в отдельности. Для этого надо Uploader переписывать в функциональный компонент и пилить отдельный хук. Я себе задачу поставлю сейчас, но не известно когда ее сделаю (ближайшие 2 недели точно буду занят). Но если хочешь, можешь сам переписать. Исходники здесь: https://github.com/prisma-cms/uploader Заодно разберешься что и как работает.
Спасибо: изучаю
Не за что!