0

HTML5キャンバスから署名を保存し、画像名として乱数を割り当て、それをフォルダーに保存してMySQLに名前を投稿するスクリプトがあります。

この画像に関連付けられるレコードが MySQL テーブルに既にあります。そのレコードを編集してこの画像を含めると、既存のレコード ID で画像を保存したいと考えています。

つまり、基本的にスクリプトはこのように画像を保存します sign_4354533225533.png 数値ジェネレーターを削除し、それをレコード ID に置き換えます。つまり、ブラウザーは 42 のレコード ID を signature_pad.php に渡します。その ID を取得して使用します。私のファイルに名前を付けて、sign_42.png のように見えるようにします。

これが私のコードです：

<?php
$id=$_GET['id'];
if (isset($GLOBALS["HTTP_RAW_POST_DATA"]))
{
//$session_id = $_SERVER['REMOTE_ADDR'];
// Get the data
$imageData=$GLOBALS['HTTP_RAW_POST_DATA'];
// Remove the headers (data:,) part.
// A real application should use them according to needs such as to check image type
$filteredData=substr($imageData, strpos($imageData, ",")+1);

// Need to decode before saving since the data we received is already base64 encoded
$unencodedData=base64_decode($filteredData);

//echo "unencodedData".$unencodedData;
$sig_name = "sign_" . rand(5,1000) . rand(1, 10) . rand(10000, 150000) . rand(1500, 100000000) . ".png";
//Set the absolute path to your folder (i.e. /usr/home/your-domain/your-folder/
$filepath = "/xampp/htdocs/alpha/development/final/uploads/signatures/" . $sig_name;
$customer_signature=$_POST['customer_signature'];
$fp = fopen("$filepath", 'wb' );
fwrite( $fp, $unencodedData);
fclose( $fp );

//Connect to a mySQL database and store the user's information so you can link to it later
$link = mysql_connect('localhost','root', 'pwd') OR DIE(mysql_error);
mysql_select_db("customer", $link);
mysql_query("UPDATE signature SET customer_signature=$customer_signature WHERE 'id'= '$id'"); OR DIE(mysql_error());
mysql_close($link);
}
?>
 <?php
session_start()
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0   Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


 <head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Signature Pad</title>

<!-- The Signature Pad -->
< script type ="text/javascript"    src="jquery.min.js"></script>
<script type="text/javascript" src="signature-pad.js"></script>
</head>
<body>
<center>
<fieldset style="width: 435px">
    <br/>
    <br/>
    <div id="signaturePad" style="border: 1px solid #ccc; height: 55px; width: 400px;"></div>
    <br/><br/><br/>
    <button id="clearSig" type="button">Clear Signature</button>&nbsp;
    <button id="saveSig" type="button">Save Signature</button>
    <div id="imgData"></div>
    <br/>
    </fieldset>
</center>
<!--<div id="debug"></div>-->
</body>
</html>
4

1 に答える 1

1

上記の変更に合わせて編集

だからあなたの $id = $_GET['id']; データベースから行を取得するだけです...

 $id=$_GET['id'];
 $customer_signature=$_POST['customer_signature']; 

 $q = mysql_query("SELECT * FROM signature WHERE id ='$id'");
 $row = mysql_fetch_assoc($q);

 //THEN SAVE IMAGE with the fetched row ID ($row['id'])
 $filepath = "/xampp/htdocs/alpha/development/final/uploads/signatures/".$row['id'];
 $fp = fopen("$filepath", 'wb' );
 fwrite( $fp, $unencodedData);
 fclose( $fp );


 //THEN WHEN YOU SAVE IT BACK ITS AN UPDATE
 mysql_query("UPDATE signature SET 'customer_signature'='".$_POST['customer_signature']."', 'sig_name'=$sig_name" WHERE id = ".$id);

しかし...警告

非推奨の mysql_* 関数を使用するべきではありません。代わりにGoogle PDOを学び、代わりにそれを使用してください:)

于 2013-06-11T06:37:40.133 に答える