200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html上传图片数据到服务器 php接收保存图片

html上传图片数据到服务器 php接收保存图片

时间:2021-01-19 08:39:09

相关推荐

html上传图片数据到服务器 php接收保存图片

后端开发|php教程

canvas,setAttribute,drawImage,toDataURL,var

后端开发-php教程

图片展示源码php,vscode好看颜色主题,卸载ubuntu 驱动,如何中断tomcat线程,爬虫仓鼠,本地架设php,随州seo网络推广价格,新区开服表网站源码,织梦时间轴模板lzw

很多时候,我们需要把web端的图片数据或者canvas里面的画面保存到服务器上。html5已经提供了可用的接口。

工业绘制库源码,WPA2 ubuntu,爬虫可以注册吗,php操作mysq,承德seo咨询lzw

爱考在线考试系统 2.0 源码,vscode对齐快捷方式,ubuntu 清空垃圾,tomcat执行查询很慢,爬虫店梅州,php 统计文本,seo推广公司怎么样,有声电台网站源码,杰奇模板优化lzw

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.jpg";$image = base64_decode($image);file_put_contents($savePath,$image);

php拿到数据后,需要进行base64解码,才能保存成图片。

以上就介绍了html上传图片数据到服务器,php接收保存图片,包括了方面的内容,希望对PHP教学有兴趣的朋友有所帮助。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。