Как отправить картинку на сервер эмулируя FormData?

Question

[danilr]

Проблема в следующем - мне нужно отправить картинку через <input type="file">
Хотел отправить в формате base64 через FileReader(), но сервер принимает в формате бинарном( наверное ?). Как мне с эмулировать данные в таком же формате, как FormData создаёт?

// так отправляется запрос с через FormData.
data.append('windows_view', form.windows_view.value);
            data.append('preview_image', form.preview_image.files[0]);
            
            console.log('data: ', data);

            axios.post('/panel/apartment/create', data, {
                headers: {
                    'Accept': 'application/json',
                    'Accept-Language': 'en-US,en;q=0.8',
                    'Content-Type': `multipart/form-data`,
                }
            })

так вот странно показывает данные, которые отправляются через FormData, показывает что binary. И вот мне надо через FileReader сделать такой же формат, чтобы сервер пропустил. Как это сделать?

Comments

[origami1024]

Не понятно в чем проблема, ты итак уже отправляешь на сервер данные через form data в бинарном формате

[danilr]

origami1024, это я написал код и скрин где он через FormData и отправляется. То есть это не мой код, мне он не подходит. Мне надо не через эту FormData, а просто самому объект собрать, в котором одно из полей файл в бинарном виде

[SagePtr]

danilr, https://www.ietf.org/rfc/rfc2388.txt этот стандарт вас интересует?
Пример запроса можно посмотреть тут: https://stackoverflow.com/questions/4238809/exampl...

[origami1024]

В браузере через js это делается через искусственно созданный formData - так как в твоем приведенном примере.
let formData = new FormData()
formData.append('preview_image', file)

[danilr]

origami1024, это я понимаю, вопрос то был в том, как это эмулировать без formData, то есть тупо сделать из картинки бинарные данные, чтобы отправить

[danilr]

SagePtr, непонятно очень. Мне тупо надо бинарный код картинки получить чтобы отправить. в классе FileReader есть метод readAsArrayBuffer() – возвращает содержимое файла как ArrayBuffer (хорошо для двоичных данных, например, изображения). Но он какой-то бесконечный массив даёт.