PHP implémente l'enregistrement des images Canvas en HTML5 sur le serveur-tutoriel php-php.cn

PHP implémente l'enregistrement des images Canvas en HTML5 sur le serveur

不言

Libérer： 2023-04-02 08:42:02

original

1734 Les gens l'ont consulté

Cet article présente principalement la méthode PHP pour enregistrer les images Canvas en HTML5 sur le serveur. Il peut réaliser la fonction d'enregistrement des images Canvas sur le serveur. C'est une compétence très pratique. Les amis qui en ont besoin peuvent s'y référer. 🎜>

L'exemple de cet article décrit comment PHP implémente l'enregistrement des images Canvas en HTML5 sur le serveur. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

1. Question :

Il y a quelques années, alors que HTML5 n'était pas encore populaire, notre chef de projet m'a demandé un jour une telle exigence. : Faire signer électroniquement les experts de la revue de projet sur la tablette avec un stylo à la fin de la revue. Cela nécessite que notre logiciel d'évaluation fournisse une telle fonction : ouvrez le navigateur, connectez-vous et accédez à la page d'avis d'évaluation. Il y a une zone carrée en bas de la page où l'utilisateur signe avec un stylet, puis la signature sera affichée. être sauvegardé sur le serveur.

Une telle exigence m'a coûté beaucoup de mal à l'époque, mais maintenant que j'y pense, ce serait si simple si j'utilisais un canevas HTML5 pour l'implémenter. Cette fonction est implémentée dans l'article "Méthodes pour mettre des images dans HTML5 Canvas et les enregistrer sous forme d'images".

2. Solution :

J'ai expliqué de nombreuses méthodes pour enregistrer des images de toile en tant qu'images et les télécharger, mais ces méthodes consistent uniquement à enregistrer des images sur le client. , et notre exigence de signature est de sauvegarder le contenu du canevas sur le serveur. Comment y parvenir ?

C'est en fait très simple. Après avoir lu le code PHP ci-dessous, je pense que vous le trouverez également très simple.

<?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;;
?>

Copier après la connexion

L'image téléchargée depuis la page Web vers le serveur est au format URL de données transcodée par base64_encode. Les données sont décodées à l'aide de base64_decode côté serveur et enregistrées dans un fichier.

Peut-être aurez-vous besoin de l'utiliser un jour. Si vous le trouvez utile, enregistrez-le !

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

PHP Exemple d'obtention de la date de début et de fin de la semaine d'une certaine année

PHP Exemple d'explication de la méthode pour réaliser une matrice d'impression dans le sens des aiguilles d'une montre (matrice spirale)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!