JS将 base64 转为 Blob 对象

将 base64 转为 Blob 对象

// 将 base64 转为 Blob 对象
function convertBase64ToBlob(base64) {
  const byteCharacters = atob(base64.split(',')[1]);
  const byteArrays = [];

  for (let i = 0; i < byteCharacters.length; i++) {
    byteArrays.push(byteCharacters.charCodeAt(i));
  }

  return new Blob([new Uint8Array(byteArrays)], { type: 'image/jpeg' });
}

// 创建 FormData 对象，并将 Blob 对象添加到 FormData 中
function createFormData(imageBase64) {
  const blob = convertBase64ToBlob(imageBase64);
  const formData = new FormData();

  formData.append('imageFile', blob, 'image.jpg');

  return formData;
}

// 发送 FormData 到后端
function sendFormData(formData) {
  axios.post('/upload', formData, {
    headers: {
      'Content-Type': 'multipart/form-data',
    },
  })
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.error(error);
  });
}

// 示例：从某个地方获取 base64 图片数据
const imageBase64 = '...'; // 替换成实际的 base64 图片数据

// 转换为 FormData 对象
const formData = createFormData(imageBase64);

// 发送 FormData 到后端
sendFormData(formData);