HTML5如何将src中的图像发布到服务器

Posted

技术标签:

【中文标题】HTML5如何将src中的图像发布到服务器【英文标题】:HTML5 How to post image in src to server 【发布时间】:2016-07-06 01:14:40 【问题描述】:

好的,这很简单。我有一个用户使用名为Croppie 的库裁剪的图像,我在裁剪图像时填充的<img src=".."> 中向用户显示图像。然后。我想将裁剪后的图像发送到服务器……我该怎么做?我能以某种方式从src 属性和post 获取图像吗?

【问题讨论】:

你有什么 src=".." 的例子吗? 它有一张用 Croppie 裁剪的图像:foliotek.github.io/Croppie。只是不知道如何发送到服务器。 为什么投反对票?请发表评论。 【参考方案1】:

您可以将图像加载到 Canvas 中,然后从中获取图像作为 base64 字符串。您可以将字符串发布到服务器并使用它构建图像。

【讨论】:

以上是关于HTML5如何将src中的图像发布到服务器的主要内容,如果未能解决你的问题,请参考以下文章

将图像从 websocket 服务器 .NET 发送到客户端 (HTML5)

我们如何在 html5 画布上绘制调整大小的图像?

如何将画布保存为html5中的图像?

将画布图像上传到 S3 服务器

取消 html5 浏览器中的单张图片请求

如何使用 Phonegap 将图像加载到 HTML5 画布上