使用ajax和表单数据发送base64图像

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
var image = new Image();

image.onload = function() {
  canvas.width = image.width;
  canvas.height = image.height;
  context.drawImage(image, 0, 0);
  
  var base64Data = canvas.toDataURL('image/png'); // 将画布内容转换为Base64编码的字符串
  // 发送base64Data到服务器...
};

image.src = 'image.jpg'; // 替换为实际图像的URL

var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload.php', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功处理逻辑...
  }
};

xhr.send('image=' + encodeURIComponent(base64Data)); // 发送Base64图像数据到服务器

$.ajax({
  url: 'upload.php',
  type: 'POST',
  data: { image: base64Data }, // 发送Base64图像数据到服务器
  success: function(response) {
    // 请求成功处理逻辑...
  }
});