PHP は HTML5 の Canvas 画像をサーバーに保存するメソッドを実装します、html5canvas_PHP チュートリアル
- WBOYオリジナル
- 2016-07-13 10:12:541392ブラウズ
PHPはHTML5のCanvas画像をサーバーに保存するメソッドhtml5canvasを実装しています
この記事の例では、PHP が HTML5 の Canvas 画像をサーバーに保存する方法を説明します。参考のためにみんなで共有してください。具体的な実装方法は以下の通りです
1. 質問:
数年前、HTML5 がまだ普及していなかった頃、私たちのプロジェクト マネージャーは、プロジェクト レビューの専門家に、レビューの最後にペンを使ってタブレット上で電子署名するよう依頼してほしいと私に頼んだことがあります。これには、レビュー ソフトウェアがそのような機能を提供する必要があります。ブラウザを開いてログインし、レビュー意見ページにアクセスします。ページの下部にユーザーがタッチ ペンで署名する四角い領域があります。サーバーに保存されます。
このような要件は、当時は非常に苦労しましたが、今考えてみると、HTML5 キャンバスを使用して実装するのは非常に簡単でした。この機能は「HTML5 Canvasに画像を配置して画像として保存する方法」の記事で実装されています。
2. 解決策:
キャンバス画像を画像として保存してダウンロードする方法は数多くありますが、これらの方法はすべて画像をクライアントに保存し、署名要件はキャンバスのコンテンツをサーバーに保存することです。これを実現するにはどうすればよいですか?
実際には、以下の PHP コードを読むと、非常にシンプルであることがわかると思います。
コードをコピーします コードは次のとおりです:
// php5
が必要です 定義('UPLOAD_DIR', 'images/');
$img = $_POST['img'];
$img = str_replace('data:image/png;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$data =base64_decode($img);
$file = UPLOAD_DIR '.png';
$success = file_put_contents($file, $data);
print $success ? $file : 'ファイルを保存できません。';
?>
が必要です 定義('UPLOAD_DIR', 'images/');
$img = $_POST['img'];
$img = str_replace('data:image/png;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$data =base64_decode($img);
$file = UPLOAD_DIR '.png';
$success = file_put_contents($file, $data);
print $success ? $file : 'ファイルを保存できません。';
?>
Webページからサーバーにアップロードされた画像は、base64_encodeでトランスコードされたデータURL形式で、サーバー側でbase64_decodeでデコードされ、ファイルとして保存されます。
いつか使う必要があるかもしれませんので、便利だと思ったら保存してください。
この記事で説明した内容が皆様の PHP プログラミング設計に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。