zl程序教程

您现在的位置是:首页 >  后端

当前栏目

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

PHP方法html5服务器 实现 保存 图像 Canvas
2023-06-13 09:15:31 时间

本文实例讲述了PHP实现将HTML5中Canvas图像保存到服务器的方法。分享给大家供大家参考。具体实现方法如下:

一、问题:

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

二、解决方法:

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

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

复制代码代码如下:
<?php
 //requiresphp5
 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:"Unabletosavethefile.";
?>

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

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

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