PHP实现将HTML5中Canvas图像保存到服务器的方法

发布时间：2020-12-13 02:13:25 所属栏目：PHP教程来源：网络整理

导读：《：PHP实现将HTML5中Canvas图像保存到服务器的方法》要点：本文介绍了：PHP实现将HTML5中Canvas图像保存到服务器的方法，希望对您有用。如果有疑问，可以联系我们。 PHP应用本篇章节讲解PHP实现将HTML5中Canvas图像保存到服务器的办法.分享给大家供大家

《：PHP实现将HTML5中Canvas图像保存到服务器的方法》要点：
本文介绍了：PHP实现将HTML5中Canvas图像保存到服务器的方法，希望对您有用。如果有疑问，可以联系我们。

PHP应用本篇章节讲解PHP实现将HTML5中Canvas图像保存到服务器的办法.分享给大家供大家参考.具体实现办法如下：

一、问题：

在几年前HTML5还没有流行的时候,我们的项目经理曾经向我提出这样一个需求：让项目评审专家们在评审结束时用笔在平板电脑上进行电子签名.这需要我们评审软件里提供这样一个功能：打开浏览器,登录,进入评审意见页,页面最下部有个方块区域,用户在这里用触摸笔进行签名,然后这个签名将会保持的服务器上.

这样的一个需求在当时是让我大费周折,但如今想起来,如果用html5的canvas实现,真是太简单了.在《在HTML5 Canvas中放入图片和保存为图片的办法》这篇文章里就实现了这一功能.

二、解决办法：

之前说了很多如何将canvas图像保存成图片并下载的办法,但这些办法都是将图片保存到客户端,而我们的签名需求是需要将canvas的内容保存到服务器端,如何实现?

其实很简单,看完下面的这段PHP代码,相信你也会觉得很简单.

代码如下:

<?php

?// requires php5

?define('UPLOAD_DIR','images/');

?$img = $_POST['img'];

?$img = str_replace(,'',$img);

?$img = str_replace(' ','+',$img);

?$data = base64_decode($img);

?$file = UPLOAD_DIR . uniqid() . '.png';

?$success = file_put_contents($file,$data);

?print $success ? $file : 'Unable to save the file.';

?>

从网页上传到服务器端的图片是base64_encode转码过的Data URL格式,数据在服务器端用base64_decode进行解码,保存成文件.

或许有一天你也会需要用到它的,觉得很有用的话就收藏一下吧!

希望本文所述对大家的PHP程序设计有所赞助.

编程之家培训学院每天发布《：PHP实现将HTML5中Canvas图像保存到服务器的方法》等实战技能，PHP、MYSQL、LINUX、APP、JS,CSS全面培养人才。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!