Как манипулировать файлами в React с State Manager-ами?

Question

[DZHAMBUALT]

Здравствуйте! Я наткнулся на камень преткновения при работе с файлами. Файлы я загружаю через input type="file", но дальнейшее взаимодействие очень затруднительное для меня. Когда я сохраняю event.target.files[0] мне нужно как то его передать и другим компонентам. Я пробовал использовать state manager zustand, в redux думаю одна песня. Вроде это из за того что файл не сереализуем и его не удается представить в виде строки. Я пока что сделал проброс файла через useState, и это как по мне ужасное решение вплане структуры как минимум. Буду рад поддержке!

Comments

[Dosya]

Что сложного бинарик передать в стор? Это же ничем от других не отличается

[DZHAMBUALT]

Dosya, Пример можно. У меня это вызывает трудности

Answer 1

[Артур Гранд]

Вполне сериализуем
const str = URL.createObjectURL(file)
или даже

const reader = new FileReader();
reader.onload = function () {
      const base64String = reader.result;
      console.log('Base64:', base64String);
};

reader.readAsDataURL(file);