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