用PHP将网页上的Canvas图像保存到服务器上的方法
来源:互联网 发布:苹果电脑删除mac系统 编辑:程序博客网 时间:2024/05/24 03:29
前端
<!DOCTYPE html><html><head><meta http-equiv="Content-type" content="text/html; charset = utf-8"><title>HTML5</title><script type="text/javascript" charset = "utf-8"> //这个函数将在页面完全加载后调用 function pageLoaded() { //获取canvas对象的引用,注意tCanvas名字必须和下面body里面的id相同 var canvas = document.getElementById('tCanvas'); //获取该canvas的2D绘图环境 var context = canvas.getContext('2d'); //获取图片对象的引用 var image = document.getElementById('tkjpg'); //在(0,50)处绘制图片 context.drawImage(image,0,50); //缩小图片至原来的一半大小 context.fillStyle='#FF0000';context.fillRect(150,150,100,100);//var image = new Image();//image.src = canvas.toDataURL("image/png");var image = document.getElementById('tkjpg2'); image.src = canvas.toDataURL("image/png");document.getElementById("imgs").value=canvas.toDataURL("image/png");} </script></head><body onload="pageLoaded();"><p></p><img src = "3.jpg" id = "tkjpg" width="300" height="100"><p></p><img id = "tkjpg2"><canvas width = "800" height = "500" id = "tCanvas" style = "border:black 1px solid;"> </canvas><form id="formid" name= "myform" method = 'post' action = '1.php' > <input name="img" type="hidden" id="imgs"> <input type="submit" name="sub" value="提交"/></form></body></html>
<?phpdefine('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将网页上的Canvas图像保存到服务器上的方法
- PHP中的HTML5应用 将Canvas图像保存到服务器
- PHP中的HTML5应用 将Canvas图像保存到服务器
- 用java将服务器上的音乐文件保存到本地
- 将画布(canvas)图像保存成本地图片的方法
- 将画布(canvas)图像保存成本地图片的方法
- 将画布(canvas)图像保存成本地图片的方法
- 用idhttp post 方法发送数据到服务器上。实现数据和网页的交互。
- 将服务器的网页报表保存到excel文件
- 将Canvas的内容保存到本地
- asp.net 保存网页上的图片到本地
- [ZCJ]PHP问题:将网页提交到SAE上,原本显示正常的页面出现乱码
- 借助PL/SQL将服务器上的oracle10数据库转移到另一台服务器上的方法
- 借助PL/SQL将服务器上的oracle10数据库转移到另一台服务器上的方法
- 将URL上的文件保存到本地。
- 将UIImageView上的图片保存到相册中
- 快速保存网页上所有图片的方法
- 将网页上的MathJax复制到word中
- 13个大数据应用案例
- Node.js express NPM start error, Exit Status 8
- Activity深入学习(1)生命周期
- 卡特兰数
- android:ViewPager自动轮播图(简单版)
- 用PHP将网页上的Canvas图像保存到服务器上的方法
- LeetCode 256. Paint House
- IOS消息定时推送(JAVAWEB)
- 489 - Hangman Judge
- LeetCode 017 Letter Combinations of a Phone Number
- HTML5新特性之Geolocation
- 关于UIView用户交互相关的属性和方法
- Apache主配置文件httpd.conf 详解
- HDU 4635 Strongly connected 连通图