javascript - 如何将 .PNG 文件转换为可以存储到 mysql 中并通过 CSS 作为 "png"调用的源代码

标签 javascript html css

在这个网站上我们意识到 png 文件 可以转成文本存入mysql服务 通过 CSS

http://www.patternify.com/

background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAFUlEQVQImWNggID/DKQArKr/4zUGAMudA/3eohC2AAAAAElFTkSuQmCC)repeat;

换句话说,这种外星技术也可以用于常规图像,例如 png 文件的国旗。

我怎样才能将我所有的国旗转换成这样的文本,以便我可以将它们存储在 mysql 中。

我的操作系统是:centos linux desktop。

最佳答案

如果你想在本地对图像进行编码,你可以使用这样的东西:

$type = pathinfo($path, PATHINFO_EXTENSION);
$data = file_get_contents($path);
$base64 = 'data:image/'.$type.';base64,'.base64_encode($data);

您还可以使用一百万种不同的在线编码器中的一种,例如这个:

http://www.askapache.com/online-tools/base64-image-converter/

虽然了解了在 CSS 中使用 base64 编码的限制,但我知道存在 IE6 和 IE7 问题,而且我认为 IE8 对较大图像的尺寸限制。

关于javascript - 如何将 .PNG 文件转换为可以存储到 mysql 中并通过 CSS 作为 "png"调用的源代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17690955/

相关文章:

javascript - jsp中加载html head标签常用文件

java - 在 Eclipse 中处理 GWT super 源

javascript - 使用 jQuery 重新排序元素列表,因为我的 CSS 方法不是 100%

css - 将 h2 和 h3 放在图像顶部是否正确?

html - Bootstrap 侧边栏不可滚动 100% 高度

javascript - 如何使视频背景响应?

javascript - 如何通过单击导航按钮开始/结束 smoke.js 动画?

asp-classic - 如何使用 eventArgs e 调用 jscript onFormSubmit()(经典的 asp)

html - 定位问题

javascript - Vue-tables-2 检测应用了哪个过滤器