如何将图像转换为dataurl

Posted

技术标签:

【中文标题】如何将图像转换为dataurl【英文标题】:How to convert image to dataurl 【发布时间】:2015-10-01 05:36:53 【问题描述】:

朋友们,我下载了一个图像裁剪器插件,效果很好,但是在裁剪图像后我想存储数据库但我不知道如何找到裁剪后的图像值,

当我检查那个时间时,我得到了这个值

console.log(result.toDataURL());
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAAFoCAYAAADHMkpRAAAgAElEQ…U9ngkdrDf9mQPIlgpI42z0moo8JpqCjAu8r4RBPCO+/X8BzNNeB1h7SyYAAAAASUVORK5CYII=

下载链接http://fengyuanchen.github.io/cropper/ 现在我不知道该解决方案会做什么

【问题讨论】:

【参考方案1】:

您可以在plugin 中看到他们提供了使用 php 进行裁剪的详细信息。在页面底部,您将获得example。您只需发布输入类型文件的值和裁剪详细信息,如高度、宽度、x、y...等,您必须使用GD library、Imagemagic 等进行裁剪。按照插件操作,您将获得一切你需要。它非常容易集成。

【讨论】:

我从哪一行得到结果,我不知道朋友 我想为那个值插入数据库 您必须像常规一样发布图像文件,包括高度、宽度...和其他细节。然后你必须使用 PHP 裁剪图像。 请看***.com/questions/2008911/cropping-image-in-php***.com/questions/8929759/… 你检查过 PHP 示例吗?您在后端使用 PHP 对吗?

以上是关于如何将图像转换为dataurl的主要内容,如果未能解决你的问题,请参考以下文章

如何将图像转换为PDF?

如何将图标转换为图像

如何将线性布局转换为图像

CSS:如何将彩色图像转换为灰色或黑白图像[重复]

对于IOS,如何使用vImage将ARGB图像转换为灰度图像

如何将 blob 图像从数据库转换为 html 图像 src