Heim  >  Artikel  >  Backend-Entwicklung  >  PHP implementiert das Speichern von Canvas-Bildern in HTML5 auf dem Server

PHP implementiert das Speichern von Canvas-Bildern in HTML5 auf dem Server

不言
不言Original
2018-07-03 09:41:461699Durchsuche

In diesem Artikel wird hauptsächlich die Methode zum Speichern von Canvas-Bildern in HTML5 auf dem Server vorgestellt. Es ist eine sehr praktische Fähigkeit 🎜>

Das Beispiel in diesem Artikel beschreibt, wie PHP das Speichern von Canvas-Bildern in HTML5 auf dem Server implementiert. Teilen Sie es als Referenz mit allen. Die konkrete Implementierungsmethode ist wie folgt:

1. Frage:

Vor ein paar Jahren, als HTML5 noch nicht populär war, stellte mir unser Projektmanager einmal eine solche Anforderung : Lassen Sie die Projektprüfungsexperten am Ende der Prüfung elektronisch mit einem Stift auf dem Tablet unterschreiben. Dazu muss unsere Bewertungssoftware eine solche Funktion bereitstellen: Öffnen Sie den Browser, melden Sie sich an und rufen Sie die Bewertungsmeinungsseite auf. Am unteren Rand der Seite befindet sich ein quadratischer Bereich, in dem der Benutzer mit einem Touch-Stift unterschreibt und dann die Signatur ausgibt auf dem Server gespeichert werden.

Eine solche Anforderung hat mich damals viel Ärger gekostet, aber jetzt, wo ich darüber nachdenke, wäre es so einfach, wenn ich HTML5 Canvas verwenden würde, um es umzusetzen. Diese Funktion wird im Artikel „Methoden zum Einfügen von Bildern in HTML5 Canvas und Speichern als Bilder“ implementiert.

2. Lösung:

Ich habe viele Methoden erwähnt, wie man Leinwandbilder als Bilder speichert und herunterlädt, aber bei diesen Methoden geht es nur darum, Bilder auf dem Client zu speichern , und unsere Signaturanforderung besteht darin, den Inhalt der Leinwand auf dem Server zu speichern.

Es ist tatsächlich sehr einfach. Nachdem Sie den folgenden PHP-Code gelesen haben, werden Sie es meiner Meinung nach auch sehr einfach finden.

<?php
 // requires php5
 define(&#39;UPLOAD_DIR&#39;, &#39;images/&#39;);
 $img = $_POST[&#39;img&#39;];
 $img = str_replace(&#39;data:image/png;base64,&#39;, &#39;&#39;, $img);
 $img = str_replace(&#39; &#39;, &#39;+&#39;, $img);
 $data = base64_decode($img);
 $file = UPLOAD_DIR . uniqid() . &#39;.png&#39;;
 $success = file_put_contents($file, $data);
 print $success ? $file : &#39;Unable to save the file.&#39;;
?>

Das von der Webseite auf den Server hochgeladene Bild liegt im Daten-URL-Format vor, das durch base64_encode transkodiert wird. Die Daten werden mit base64_decode auf der Serverseite dekodiert und in einer Datei gespeichert.

Vielleicht müssen Sie es eines Tages verwenden. Wenn Sie es nützlich finden, speichern Sie es!

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

PHP-Beispiel zum Abrufen des Start- und Enddatums der Woche eines bestimmten Jahres

PHP-Beispielerklärung der Methode zur Realisierung einer Druckmatrix im Uhrzeigersinn (Spiralmatrix)

Das obige ist der detaillierte Inhalt vonPHP implementiert das Speichern von Canvas-Bildern in HTML5 auf dem Server. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn