PHP实现将HTML5中Canvas图像保存到服务器的方法
2014-11-28 00:00
791 查看
本文实例讲述了PHP实现将HTML5中Canvas图像保存到服务器的方法。分享给大家供大家参考。具体实现方法如下:
一、问题:
在几年前HTML5还没有流行的时候,我们的项目经理曾经向我提出这样一个需求:让项目评审专家们在评审结束时用笔在平板电脑上进行电子签名。这需要我们评审软件里提供这样一个功能:打开浏览器,登录,进入评审意见页,页面最下部有个方块区域,用户在这里用触摸笔进行签名,然后这个签名将会保持的服务器上。
这样的一个需求在当时是让我大费周折,但如今想起来,如果用html5的canvas实现,真是太简单了。在《在HTML5 Canvas中放入图片和保存为图片的方法》这篇文章里就实现了这一功能。
二、解决方法:
之前说了很多如何将canvas图像保存成图片并下载的方法,但这些方法都是将图片保存到客户端,而我们的签名需求是需要将canvas的内容保存到服务器端,如何实现?
其实很简单,看完下面的这段PHP代码,相信你也会觉得很简单。
从网页上传到服务器端的图片是base64_encode转码过的Data URL格式,数据在服务器端用base64_decode进行解码,保存成文件。
或许有一天你也会需要用到它的,觉得很有用的话就收藏一下吧!
希望本文所述对大家的PHP程序设计有所帮助。
一、问题:
在几年前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程序设计有所帮助。
相关文章推荐
- PHP实现将HTML5中Canvas图像保存到服务器的方法
- 用PHP将网页上的Canvas图像保存到服务器上的方法
- PHP中的HTML5应用 将Canvas图像保存到服务器
- PHP中的HTML5应用 将Canvas图像保存到服务器
- PHP中的HTML5应用 将Canvas图像保存到服务器
- html5 canvas实现在线生成图片后保存到服务器(数据库)
- 实现php&nginx服务器配置的非主流配置方法
- 演示如何实现Matplotlib绘图并保存图像但不显示图形的方法
- HTML5 Canvas渐进填充与透明实现图像的Mask效果
- PHP抓取远程图片保存到本地的实现方法
- HTML5 Canvas 图像动画的实现(实例小球弹跳)
- php 下载保存文件保存到本地的两种实现方法
- HTML5组件Canvas实现图像灰度化(步骤+实例效果)
- 在HTML5 Canvas中放入图片和保存为图片的方法
- php后退一页表单内容保存实现方法
- php 下载保存文件保存到本地的两种实现方法
- 把php代码保存到php文件实现方法
- Python对PHP服务器hmac_sha1签名认证方法的匹配实现
- Java对PHP服务器hmac_sha1签名认证方法的匹配实现
- GDAL 遥感图像处理后的数据保存为图像文件的实现方法