php - 以 HTML 表单提交 Canvas 数据

Question

如何提交 Canvas PHP CodeIgniter 表单中的内容？我表单上的输入之一是 Canvas用于绘图或网络摄像头照片。

我创建了一个标签 <input name="picture" type="hidden">并将其值设置为 base64 内容:

myPictureInput.value = canvas.toDataURL();

但是，当用户提交表单时，从 <input> 中读取的 POST 值被截断为 64kb。

是否有最佳方式将图像与表单数据一起发布或提交？

Answer 1

如 this answer 中所述，您应该将 Canvas 单独发送到您的服务器，然后将您的表单提交函数放在 done 回调中。

var dataURL = canvas.toDataURL();
$(function() {
    $(form).submit(function(e) {
          e.preventDefault();
          $.ajax({
              type: "POST",
              url: "script.php",
              data: { 
                 imgBase64: dataURL
              }
         }).done(function(o) {
              console.log('saved image'); 
              $.post(url, form.serialize(), function(data) {
                     console.log('saved form')
              };
    });