转换base64图像作为multipart/form-data发送

Question

有一个系统。前端用react编写，后端用java编写。在前端部分，有一个图像(base64)和一些字段(字符串)需要发送到服务器。

"内容类型":"多部分/格式">

我也知道在后台，图像必须有一个MultipartFile类型

我不明白我需要把图片转换成什么格式。你能告诉我吗?

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));

Answer 1

可以先将base64字符串转换为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));
});