PHP实现将HTML5中Canvas图像保存到服务器的方法
这篇文章主要介绍了PHP实现将HTML5中Canvas图像保存到服务器的方法,可实现将Canvas图像保存到服务器的功能,是非常实用的技巧,需要的朋友可以参考下
本文实例讲述了PHP实现将HTML5中Canvas图像保存到服务器的方法。分享给大家供大家参考。具体实现方法如下：
一、问题：
在几年前HTML5还没有流行的时候，我们的项目经理曾经向我提出这样一个需求：让项目评审专家们在评审结束时用笔在平板电脑上进行电子签名。这需要我们评审软件里提供这样一个功能：打开浏览器，登录，进入评审意见页，页面最下部有个方块区域，用户在这里用触摸笔进行签名，然后这个签名将会保持的服务器上。
这样的一个需求在当时是让我大费周折，但如今想起来，如果用html5的canvas实现，真是太简单了。在《在HTML5 Canvas中放入图片和保存为图片的方法》这篇文章里就实现了这一功能。
二、解决方法：
之前说了很多如何将canvas图像保存成图片并下载的方法，但这些方法都是将图片保存到客户端，而我们的签名需求是需要将canvas的内容保存到服务器端，如何实现？
其实很简单，看完下面的这段PHP代码，相信你也会觉得很简单,代码如下:
- <?php
- // requires php5
- define('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 . uniqid() . '.png';
- $success = file_put_contents($file, $data);
- print $success ? $file : 'Unable to save the file.';
- ?>
从网页上传到服务器端的图片是base64_encode转码过的Data URL格式，数据在服务器端用base64_decode进行解码，保存成文件。
或许有一天你也会需要用到它的，觉得很有用的话就收藏一下吧！
希望本文所述对大家的PHP程序设计有所帮助。
赞 (15)
实现php上传图片到指定位置路径保存到数据库
上一篇4-3
PHP将图片保存到MySQL数据库中
下一篇 7-4
相关推荐
php将图片保存入mysql数据库失败的解决方法
这篇文章主要介绍了php将图片保存入mysql数据库失败的解决方法,详细分析了php将图片保存入数据库遇到的问题及对应的解决方法,并总结了相关的技巧,具有一定的参考借鉴价值,需要的朋友可以参考下本文实例分析了php将图片保存入mysql数据库失败的解决方法。分享给大家供大家参考。具体分析如下：图片保存数据库并不是一个明智的做法,我们多半是把图片保存到服务器,然后把图片地址保存到数据库,这样我们每次…php将数组变量保存到文件
最近要开发一个权限功能,我希望用户在后台选择设置好的权限会生成一个与用户对应的php文件,这样只要用户登录我就加载相对应的配置文件了,这里我们需要把用户设置的权限php数组保存到php文件中,下面我们来看实现函数:<?phpfunctionCreatePropertyArray(){global$IP;$content='';$industris=array();$industry_tree…php实现上传图片保存到数据库的方法
这篇文章主要介绍了php实现上传图片保存到数据库的方法,可通过将图片保存在数据库实现多台服务器共享文件的功能,非常具有实用价值,需要的朋友可以参考下php实现上传图片保存到数据库的方法。分享给大家供大家参考。具体分析如下：php上传图片，一般都使用move_uploaded_file方法保存在服务器上。但如果一个网站有多台服务器，就需要把图片发布到所有的服务器上才能正常使用（使用图片服务器的除外）…php+html5使用FormData对象提交表单及上传图片的方法
这篇文章主要介绍了php+html5使用FormData对象提交表单及上传图片的方法,实例分析了FormData对象的使用技巧,非常具有实用价值,需要的朋友可以参考下本文实例讲述了php+html5使用FormData对象提交表单及上传图片的方法。分享给大家供大家参考。具体分析如下：FormData对象，可以把form中所有表单元素的name与value组成一个queryString，提交到后台。…PHP大文件及断点续传下载实现代码
一般来说浏览器要同时下载几个文件，比如pdf文件，会在服务器端把几个文件压缩成一个文件，但是导致的问题就是会消耗服务器的cpu和io资源。那有没有办法，用户点了几个文件，在客户端同时下载呢？支持html5的浏览器是可以的，html的a标签有一个属性download<adownload="下载的1.pdf"href="1.pdf"rel="externalnofollow"rel="exter…PHP实现文件上传后台处理脚本
本文实例为大家分享了PHP实现文件上传后台处理的具体代码，供大家参考，具体内容如下后台服务器接收到的前端给其发送的文件后，处理流程如下：文件上传是否有错误->判断文件类型->文件大小->保存文件到指定位置->其它处理...具体实例前端form表单：<html><body><formaction="upload_file.php"method="…php 使用html5 XHR2实现上传文件与进度显示功能示例
本文实例讲述了php使用html5XHR2实现上传文件与进度显示功能，分享给大家供大家参考，具体如下：思路：只要我们知道上传文件的总大小，还有上传过程中上传文件的大小，那么就可以实现进度显示了。在html5中，XMLHttpRequest对象，传送数据的时候，progress事件用来返回进度信息。它分成上传和下载两种情况1.下载的progress事件属于XMLHttpRequest对象2.上传的p…php+ajax实现文件切割上传功能示例
这篇文章主要介绍了php+ajax实现文件切割上传功能,结合实例形式分析了PHP结合HTML5File对象的slice函数进行文件切割与ajax无刷新上传相关操作技巧,需要的朋友可以参考下。本文实例讲述了php+ajax实现文件切割上传功能，分享给大家供大家参考，具体如下：html5中的File对象继承Blob二进制对象，Blob提供了一个slice函数，可以用来切割文件数据。<!DOCTY…
