以HTML表单提交Canvas数据

Question

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

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

myPictureInput.value = canvas.toDataURL();

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

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

Answer 1

如本回答所述 ，您应该将画布单独发送到服务器，然后将表单提交功能放在完成回调中。

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