jQuery Mobile的形式提交與簽名圖像

-3

我使用jQuery Signare墊在這裏發現，與源和演示： http://www.jqueryscript.net/mobile/Simpe-Mobile-Signature-Pad-with-jQuery-Html5-Canvas.html jQuery Mobile的形式提交與簽名圖像

現在它是所有顯示您簽名的圖像，當你點擊完成。因此，現在在頁面上顯示圖像，當我提交表單時，如何才能完成此操作。

我使用的這個修改後的版本提交我的形式稱爲MPDF一個PDF轉換器：http://mpdf1.com/manual/index.php?tid=373

什麼，現在我想是從圖像獲取到頁面上要對PDF圖像，因爲當你點擊提交時，它不知道將該圖像拉過來。

我不是PHP中最聰明的人，因爲我正在學習，所以任何幫助將不勝感激。通過Thanasis Grammatopoulos

function fun_submit() { 
if(isSign) { 
    var canvas = $("#canvas").get(0); 
    var imgData = canvas.toDataURL(); 
    //Here the code change, do not display image, sent it to the server 
    $.ajax({ 
     type: "POST", 
     url: "script.php", 
     data: { 
      imgBase64: imgData 
     } 
    }).done(function(o){ 
     alert('Submited.'); 
    }); 

    closePopUp(); 
} else { 
    alert('Please sign'); 
}

}

PHP提供

更新代碼：

<?php 
define('UPLOAD_DIR', 'up/'); 
$img = $_POST['imgData']; 
$img = str_replace('data:image/png;base64,', '', $img); 
$img = str_replace(' ', '+', $img); 
$data = base64_decode($img); 
$file = UPLOAD_DIR . uniqid() . '.png'; 
$success = file_put_contents($file, $data); 
?>

仍只提供沒有在它的服務器上的0KB .png文件。我從哪裏出發？

來源

2014-10-08 Larry

看來你已經問這一點，並得到了一個答案（http://stackoverflow.com/questions/26262319/jquery-mobile-signature-墊如何到添加到表單提交）。您應該在其中添加更多詳細信息，而不是再次詢問同一問題並刪除前一個問題。 – jeroen 2014-10-08 21:22:51

幾個小時前我不是已經回答過這個問題嗎？你究竟想要做什麼？你有任何示例代碼？ – Brian 2014-10-08 21:23:16

@Brian你做了，但你需要更多的代表來看看被刪除的問題和你的答案:-) – jeroen 2014-10-08 21:24:25

你只需要將圖像發送到服務器。你的代碼更改爲：

function fun_submit() { 
    if(isSign) { 
     var canvas = $("#canvas").get(0); 
     var imgData = canvas.toDataURL(); 
     //Here the code change, do not display image, sent it to the server 
     $.ajax({ 
      type: "POST", 
      url: "script.php", 
      data: { 
       imgBase64: imgData 
      } 
     }).done(function(o){ 
      alert('Submited.'); 
     }); 

     closePopUp(); 
    } else { 
     alert('Please sign'); 
    } 
}

此處瞭解詳情：How to save a HTML5 Canvas as Image on a server

來源

2014-10-08 21:27:54 GramThanos

如果我想顯示它，它將用於合同表單。我希望它被顯示在使用http://mpdf1.com/manual/index.php提交給PDF的表單上？tid = 373 – Larry 2014-10-08 21:40:52

好的，然後將其顯示在表單上，然後在表單上添加一個事件'onsubmit'，以便您可以使用javascript發佈所有數據。或者，您可以在表單中創建隱藏輸入，並將imgData添加爲隱藏輸入的值。 – GramThanos 2014-10-08 21:45:37

什麼是「script.php」在這種情況下。我試圖將其作爲隱藏的輸入，但我不理解如何將其鏈接到提交。我試圖做$ SignSig = $ _ POST ['my_hidden'];但它什麼也沒有顯示。 – Larry 2014-10-08 23:32:51

jQuery Mobile的形式提交與簽名圖像

回答

相關問題