0

Я реализовываю на React функционал сжатия изображения при добавлении его в форму, для отправки на сервер уже сжатого изображения. Сжимаю через canvas, получаю в base64 через canvas.toDataUrl и его отправляю в такую функцию

const urltoFile = async (url, filename, mimeType) => {
    const res = await fetch(url);
    const buf = await res.arrayBuffer();        
    return new File([buf], filename, {type: mimeType});
}

После, ответ ложу в state. Но в state почему-то добавляется arrayBuffer, а не объект File. Хотя если вывести в консоль до setState, то выводит объект File.

В canvas у меня сжатая картинка

const compressData = canvas.toDataURL('image/jpeg', 0.7);
const file = await urltoFile(compressData, 'preview.jpg','image/jpeg');
console.log(file);
setForm({...form, imgSrc: compressData, file: {img: file} });
8
  • Что такое state и setState? Из вопроса неочевидно.
    – Yaant
    Commented 24 июн. 2020 в 9:35
  • state - состояние формы, setState - метод для изменения state. Но это не важно, мне кажется
    – VolkovDV
    Commented 24 июн. 2020 в 9:40
  • покажи как именно ты кладешь, и как проверяешь
    – Grundy
    Commented 24 июн. 2020 в 9:43
  • Добавил в вопрос
    – VolkovDV
    Commented 24 июн. 2020 в 9:47
  • а как проверяешь, что в state у тебя arrayBuffer?
    – Grundy
    Commented 24 июн. 2020 в 9:55

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Посмотрите другие вопросы с метками или задайте свой вопрос.