如何将画布图像保存到服务器

Question

我知道对此有很多问题，但目前我正在尝试将画布图像保存到服务器，我最近启动了 javascript，所以遇到了很多问题。 我编写图像编辑器，允许用户在编辑完成后将画布作为图像文件保存到服务器。 但由于图像在画布中使用动态 src 生成，我无法使用 php 保存它。 谁能帮我解决这个问题？？

我的代码

html2canvas([document.getElementById('dadycool')], {
     onrendered: function (canvas) {
               var data = canvas.toDataURL('image/png');
               var image = new Image();
               image.src ='data:image/jpeg;base64,""';
               document.getElementById('imagec').appendChild(image);
             $.ajax({
      type: "POST",
      url: "resize.php",
      data: { 
         imgBase64: dataURL
      }
      }).done(function(o) {
      console.log('saved'); 

         }); 
        }

我的 php 代码

    echo '<div class="wifix">';
    echo '<div class="dadycool" id="dadycool">';
    echo '<div class="fixx" align="center"><img class="ui-widget-content"  id="resizable" src="uploads/'.$ThumbPrefix.$NewImageName.'" alt="Thumbnail">';
    echo '</div>';
    echo '</div>';
    echo '</div>';
    echo '<div id="imagec"></div>';

Answer 1

嘿@mimi 也许最好将图像的base-64 格式作为字符串上传并在服务器端将其转换为PNG。 但您仍然可以从客户端上传图片，但我更喜欢上传 base-64 格式的图片。