Hay un sistema. El frontend está escrito en react y el backend en java. En la parte frontal, hay una imagen (base64) y algunos campos (cadena) que deben enviarse al servidor.
'Tipo de contenido': 'multipart/form-data'
También sé que en el backend, la imagen debe tener un tipo MultipartFile
No entiendo a qué formato necesito convertir la imagen. ¿Puedes por favor aconsejarme?
const formData = new FormData(); formData.append( 'image', store.image); // store.image - base64 formData.append( 'id-number-value', "id"); formData.append( 'id-number-type', "id_card"); fetch('/path', { method: 'POST', headers: { 'Content-Type': 'multipart/form-data' }, body: formData } ) .then((response) => { if (response.ok) { resolve(); } else { throw new Error(response.message); } }) .catch((error) => reject(error));Primero puede convertir la cadena base64 en un blob.
const formData = new FormData(); formData.append('id-number-value', "id"); formData.append('id-number-type', "id_card"); fetch(store.image) .then(res => res.blob()).then(blob => { formData.append('image', blob); fetch('/path', { method: 'POST', headers: { 'Content-Type': 'multipart/form-data' }, body: formData }) .then((response) => { if (response.ok) { resolve(); } else { throw new Error(response.message); } }) .catch((error) => reject(error)); });