Как корректно загружать изображения с react на бэкенд через graphql?

Question

[mercowers]

У меня react + ts, сейчас просто передаю изображение текстом через graphql в типе string форматом base64, думаю правильнее отправлять в бинарном формате blob, но функция createUploadLink библиотеки apollo-upload-client для этого подходит только для js, а не для ts.
Кроме как варианта добавления rest api для загрузки файла нет варианта? Не хотелось бы смешивать rest api и graphql, а использовать только graphql желательно

Comments

[Everything_is_bad]

но функция createUploadLink библиотеки apollo-upload-client для этого подходит только для js, а не для ts.

в чем проблема подогнать реализацию для ts?

[Rerurk]

Не совсем понятно, а что мешает сделать срез байтов и отправить его в в бек ?

Answer 1

[Евгений Запунный]

добавь файловое хранилище такое как minio

твой сервис будет генерировать ссылку на загрузку изображение в нужный бакет
и ты потом по ссылке которую тебе отдаст сервер
просто кладешь файл через xhr ну или axios

в целом идея плохая смешивать api и отдачу или принятие статики через него же

Comments

[mercowers]

У меня есть S3 хранилище, но у меня на бэкенде я интегрировал АИ для модерации изображений, поэтому нужно на бэкенд загружать, после успешной модерации оно загружается в s3 и ссылка в бд сохраняется

[Евгений Запунный]

ты выгружаешь в бакет
затем генеришь линку по которой получишь изображение и кладешь эту картинку в AI
если модерация пройдена то ты его коммитишь
если нет - сносишь с бакета