PHP は HTML5 の Canvas 画像をサーバーに保存するメソッドを実装します、html5canvas

PHP は HTML5 の Canvas 画像をサーバーに保存するメソッドを実装します、html5canvas_PHP チュートリアル

WBOY

リリース： 2016-07-13 10:12:54

オリジナル

1406 人が閲覧しました

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 : 'ファイルを保存できません。';
?>

Webページからサーバーにアップロードされた画像は、base64_encodeでトランスコードされたデータURL形式で、サーバー側でbase64_decodeでデコードされ、ファイルとして保存されます。

いつか使う必要があるかもしれませんので、便利だと思ったら保存してください。

この記事で説明した内容が皆様の PHP プログラミング設計に役立つことを願っています。