服务器接收图片php代码,html上传图片数据到服务器,php接收保存图片
很多时候,我们需要把web端的图片数据或者canvas里面的画面保存到服务器上。html5已经提供了可用的接口。
Canvas的toDataURL方法,可以将canvas上的画布数据导出成字符串格式。我们只需要再把字符串传输给服务器就可以了。
如果图片是img标签的,怎么办呢?
很简单,canvas提供了drawImage方法,用于把img或者其他canvas的数据画到自己的画布上。
下面,我们看看客户端的代码:
var cc = window.document.getElementById("egretCanvas");
var cc2 = document.createElement("canvas");
cc2.setAttribute("width", "320");
cc2.setAttribute("height", "514");
var ctx = cc2.getContext("2d");
ctx.drawImage(cc, 0, 0, 320, 514);
var imgdata: string = cc2["toDataURL"]();
这样导出后的字符串,含有前缀“data:image/png;base64,”,所以我们需要把这个前缀去掉
imgdata = imgdata.substring(22);
然后把字符串传给服务器,这里我们选择使用php语言来接收数据并保存图片。
$imgurl = str_replace(' ', '+', $_REQUEST['image']);
先把字符串中的空格替换成"+"号。
$savePath = "../images/123.png";
$image = base64_decode($image);
file_put_contents($savePath,$image);
php拿到数据后,需要进行base64解码,才能保存成图片。
以上就介绍了html上传图片数据到服务器,php接收保存图片,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。
本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉
本文系统来源:php中文网
服务器接收图片php代码,html上传图片数据到服务器,php接收保存图片相关推荐
- 将项目代码上传至svn服务器,xcode 把项目代码提交到远程SVN服务器
环境 xcode 7 Mac air xcode默认支持GIT源码管理工具,但现在想把代码提交到已有到SVN服务器上,步骤如下: 1,在safari中打开svn链接地址,信任证书,输入用户名密码 , ...
- 如何应对java服务器宕机_代码中如何应对缓存服务器宕机的情况
今天在演练这样一个场景--假如所有缓存服务器都宕机,而且不能很快恢复,并且假设数据库服务器能够支撑,在代码中如何应对这样的情况? 之前的做法是在读缓存的地方捕获异常并写入日志,然后直接从数据库读取数据 ...
- 云服务器系统盘升级会不会丢失数据,云服务器 系统盘快还是数据盘快
云服务器 系统盘快还是数据盘快 内容精选 换一换 本章节介绍磁盘的约束与限制. 待挂载的云硬盘与云服务器属于同一可用区.如果是非共享盘,待挂载的云硬盘为"可用"状态.如果是共享盘, ...
- nginx 跨服务器显示图片,centos6.6下nginx配置远程服务器上图片访问
将远程图片服务器挂载到Nginx所在服务器上,然后在Nginx上配置访问. 步骤 两台服务器信息如下: 服务器名称 服务器IP 共享目录 服务器说明 A 10.100.1.10 /mnt/data N ...
- java flex 图片上传_flex上传图片到java服务器
今天弄flex上传图片到java,现在弄成功,中间也经常一点小波折,现记录一下.重点在java侧的实现. flex侧:文件上载到在url参数中传递的URL.该URL必须是配置为接受上载的服务器脚本.F ...
- ios上传图片文件到服务器,iOS 图片以文件形式上传到服务器
如果调用相机,相册请查看这里: http://www.jianshu.com/p/4384efc6fb04 调用上传图片方法 [self postRequestWithURL:@"URL地址 ...
- 服务器文件上传记录,记录一下上传文件(图片)的过程上传图片到ftp服务器
由于没理解servlet为何要用struts2取代而耗费了不少时间在找如何获取前端传输过来的数据.html public void doPost(HttpServletRequest request, ...
- element显示服务器的图片,使用element文件上传图片转base64字节传到服务器
beforeUpload (file) { var _this = this; var reader = new FileReader(); reader.readAsDataURL(file); r ...
- java 显示服务器的图片,【JavaWeb】实现读取本地服务器路径下的图片
Servlet层代码: package com.ysw.demo; import javax.servlet.ServletException; import javax.servlet.Servle ...
最新文章
- 何不用python_EXCEL数据太“脏”无从下手?何须用python,ETL一分钟搞定
- 见到了“公司”定义一个Company类,那么见到了“字段”是不是也可定义一个Column类?...
- 脑力25岁开始走下坡路?百万人数据证实:60岁以后才下降|Nature子刊新研究
- 软件开发人员该如何深入理解自己的代码
- layui和jquery冲突:Syntax error, unrecognized expression: +
- Linux MTD系统剖析
- 恐怖之城(深圳)系列1---K113大巴洗劫一空
- java knn分类_返回2个或更多最近邻居的KNN算法
- linux下使用source /etc/profile保存配置后,新的环境变量只能在一个终端里面有效...
- 新商用密码产品认证梳理——检测和认证机构篇
- PSPnet预训练模型caffe model转pytorch
- 【React自制全家桶】九、Redux入手
- Fine-grained prosody modeling in neural speech synthesis using ToBI representation
- 电脑卡住了怎么保存excel_电脑卡死了excel没保存怎么办啊
- ASP多媒体视频教程
- TypeScript - 函数
- 软件壳的概念和如何脱壳基础
- Codeforces Round #783 (Div. 2) A-F
- 项目案例之GitLab的数据迁移
- php下拉框css样式,纯CSS实现的下拉菜单