我正在尋找簽名板，並遇到了托馬斯布拉德利的插件。 我試圖在電子郵件中顯示簽名作爲圖像。我得到的是圖像代碼在電子郵件中顯示簽名圖像
委託人簽字：
[{ 「LX」：69， 「立法院」：44， 「MX」：69， 「我」：43}，{ 「LX」： 68， 「LY」：43， 「MX」：69， 「我的」：44}，{ 「LX」：68， 「LY」：44， 「MX」：68， 「我的」：43}，{「LX 「：69」，LY 「：48，」 MX 「：68，」 我的 「：44}，{」 LX 「：72，」 LY 「：55，」 MX 「：69，」 我的「：48}，{ 「LX」：77， 「LY」：67， 「MX」：72， 「我的」：55}，{ 「LX」：85， 「LY」：82， 「MX」：77， 「我的」：67} ，{ 「LX」：90 「LY」：96， 「MX」：85， 「我的」：82}，{ 「LX」：93， 「LY」：107， 「MX」：90， 「我的」： 96}，{ 「LX」：95 「LY」：114， 「MX」：93， 「我的」：107}，{ 「LX」：97 「LY」：117， 「MX」：95，「我的「：114}，{」 LX 「：98，」 LY 「：117，」 MX 「：97，」 我的 「：117}，{」 LX 「：102，」 LY 「：113，」 MX「：98， 「我的」：117}，{ 「LX」：110， 「LY」：102， 「MX」：102， 「我的」：113}，{ 「LX」：120， 「LY」：86， 「MX」： 110， 「我的」：102}，{ 「LX」：131， 「LY」：68， 「MX」：120， 「我的」：86}，{ 「LX」：139， 「LY」：53，「MX 「：131，」 我的 「：68}，{」 LX 「：143，」 LY 「：48，」 MX 「：139，」 我的 「：53}，{」 LX 「：145，」 LY「：47， 「MX」：143， 「我的」：48}，{ 「LX」：147， 「LY」：49， 「MX」：145， 「我的」：47}，{「升X 「：154，」 LY 「：55，」 MX 「：147，」 我的 「：49}，{」 LX 「：159，」 LY 「：62，」 MX 「：154，」 我的「：55}， { 「LX」：161， 「LY」：68， 「MX」：159， 「我的」：62}，{ 「LX」：162， 「LY」：73， 「MX」：161， 「我的」：68 }，{ 「LX」：162， 「LY」：75， 「MX」：162， 「我的」：73}，{ 「LX」：162， 「LY」：74， 「MX」：162， 「我」 的：75「，{」1x「：166，」ly「：66，」mx「：162，」my「：74}，{」lx「：173，」ly「 ：53， 「我的」：66}，{ 「LX」：180， 「LY」：37， 「MX」：173， 「我的」：53}，{ 「LX」：182， 「LY」：27， 「MX」： 180， 「我的」：37}，{ 「LX」：182， 「LY」：23， 「MX」：182， 「我的」：27}，{ 「LX」：178， 「LY」：31，「MX 「：182，」 我 「：23}，{」 LX 「：169，」 立法院 「：45，」 MX 「：178，」 我 「：31}，{」 LX 「：163，」 立法院「：59， 「MX」：169， 「我的」：45}，{ 「LX」：161， 「LY」：66， 「MX」：163， 「我的」：59}，{ 「LX」：163， 「LY」： 68， 「MX」：161， 「我的」：66}，{ 「LX」：170， 「LY」：64， 「MX」：163， 「我的」：68}，{ 「LX」：183，「LY 「：55，」 MX 「：170，」 我的 「：64}，{」 LX 「：205，」 LY 「：43，」 MX 「：183，」 我的 「：55}，{」 LX「：230， 「LY」：32， 「MX」：205， 「我的」：43}，{ 「LX」：267， 「LY」：22， 「MX」：230， 「我的」：32}，{ 「LX」： 300， 「LY」：12， 「MX」：267， 「我的」：22}，{ 「LX」：307， 「LY」：9， 「MX」：300， 「我的」：12}，{「LX 「：308，」ly「：8，」mx「：307，」my「：9}]
PHP代碼：
<?php
require_once("session.php");
require_once("class.user.php");
$auth_user = new USER();
$user_id = $_SESSION['user_session'];
$stmt = $auth_user->runQuery("SELECT * FROM users WHERE user_id=:user_id");
$stmt->execute(array(":user_id"=>$user_id));
$userRow=$stmt->fetch(PDO::FETCH_ASSOC);
if ($_POST['submit']) {
if (!$_POST['output']) {
$error = "<br>- Please enter your signature!";
}
if ($error) {
$result = "<div class='alert alert-danger' role='alert'>Whoops, there is an error. Please correct the following: $error</div>";
} else {
mail("[email protected]", "Request form", "From: ".$_POST['username']."
Message: ".$_POST['message']."
Client signature: ".$_POST['output']);
{
$result = "<div class='alert alert-success text-center' role='alert'>
<p>Thank you for your request.</p>
<p>No request conformation within 1 hr call the receiver</p>
<p>Please <a href='logout.php?logout=true'>Logout</a>.</p>
</div>";
}
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Title</title>
<!-- Bootstrap -->
<link href="signature/assets/jquery.signaturepad.css" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]><script src="../assets/flashcanvas.js"></script><![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
</head>
<body>
<section>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 col-sm-offset-4">
<h2 class="text-center">Client Approval</h2>
<p class="text-center"><a href="option.php">Return to Main Menu </a> / <a href="logout.php?logout=true">Logout</a></p>
<?php echo $result;?>
<form action="" method="post" role="form" class="sigPad">
<p class="drawItDesc">Insert signature in the box below.</p>
<div class="sig sigWrapper">
<canvas class="pad" height="150"></canvas>
<input type="hidden" name="output" class="output">
</div>
<div class="form-group input-group btn-margin">
<span class="input-group-addon">
<span class="glyphicon glyphicon-remove"></span>
</span>
<input type="button" name="clear" class="form-control btn btn-primary clearButton" value="Clear signature">
</div>
<div class="form-group input-group btn-margin">
<span class="input-group-addon">
<span class="glyphicon glyphicon-send"></span>
</span>
<input type="submit" name="submit" class="form-control btn btn-primary" value="Submit signature">
</div>
</form>
</div>
</div>
</div>
</section>
<script src="signature/jquery.signaturepad.js"></script>
<script>
$(document).ready(function() {
var options = {
defaultAction: 'drawIt',
drawOnly: true,
lineTop: 135,
lineMargin: 20,
penColour: '#000'
}
$('.sigPad').signaturePad(options);
});
</script>
<script src="signature/assets/json2.min.js"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
謝謝
這應該怎麼回答？ –