PHP中的HTML5应用 将Canvas图像保存到服务器
来源:互联网 发布:小智代练淘宝店 编辑:程序博客网 时间:2024/06/05 16:31
在几年前HTML5还没有流行的时候,我们的项目经理曾经向我提出这样一个需求:让项目评审专家们在评审结束时用笔在平板电脑上进行电子签名。这需要我们评审软件里提供这样一个功能:打开浏览器,登录,进入评审意见页,页面最下部有个方块区域,用户在这里用触摸笔进行签名,然后这个签名将会保持的服务器上。
这样的一个需求在当时是让我大费周折,但如今想起来,如果用html5的canvas实现,真是太简单了。在《将画布(canvas)图像保存成本地图片的方法》这篇文章里就有一个只用了几行代码就实现了的画板功能——很简单,虽然有一个小bug——但完全能当作签名用。
我之前说了很多如何将canvas图像保存成图片并下载的方法,但这些方法都是将图片保存到客户端,而我们的签名需求是需要将canvas的内容保存到服务器端,如何实现?
从网页上传到服务器端的图片是base64_encode转码过的Data URL格式,数据在服务器端用base64_decode进行解码,保存成文件.
这样的一个需求在当时是让我大费周折,但如今想起来,如果用html5的canvas实现,真是太简单了。在《将画布(canvas)图像保存成本地图片的方法》这篇文章里就有一个只用了几行代码就实现了的画板功能——很简单,虽然有一个小bug——但完全能当作签名用。
我之前说了很多如何将canvas图像保存成图片并下载的方法,但这些方法都是将图片保存到客户端,而我们的签名需求是需要将canvas的内容保存到服务器端,如何实现?
其实很简单,看完下面的这段PHP代码,相信你也会觉得很简单。
<?php// requires php5define('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进行解码,保存成文件.
阅读全文
0 0
- PHP中的HTML5应用 将Canvas图像保存到服务器
- PHP中的HTML5应用 将Canvas图像保存到服务器
- 用PHP将网页上的Canvas图像保存到服务器上的方法
- PHP将session保存到memcache服务器
- html5 canvas图像保存为图片文件
- 怎样将html5中利用canvas绘制的图像在服务端保存为图片?
- 将CBitmap类中的图像保存到文件
- html5 canvas实现在线生成图片后保存到服务器(数据库)
- android 关于Canvas保存到本地图像
- 使用HTML5中的canvas绘制灰太狼图像
- 将Canvas的内容保存到本地
- 将PHP中的Session保存到数据库中
- 将charcontrol中的图像截图保存图像
- HTML5开发笔记:初窥CANVAS,上传canvas图片到服务器
- 将HTML5 Canvas的内容保存为图片
- 将HTML5 Canvas的内容保存为图片
- 将HTML5 Canvas的内容保存为图片
- 将HTML5 Canvas的内容保存为图片
- 项目中的动画效果,gif实现
- 使用json库 编译出现的问题
- 循环练习
- 欢迎使用CSDN-markdown编辑器
- Spring-batch使用PatternMatchingCompositeLineTokenizer解析不规则数据文件
- PHP中的HTML5应用 将Canvas图像保存到服务器
- 如何将Eclipse的一个工作空间的配置文件复制到另一个工作空间
- 新需求上线
- 记录一下下载内核的命令
- Elang之ETS系列函数功能与用法详解
- http utils 工具类 经典
- 6月14日云栖精选夜读:阿里云将新增印度和印尼数据中心 加速全球化布局
- 使用 jQuery.i18n.properties 实现 Web 前端的国际化
- 第五章 分享内容到你的网站