动态创建数据URI? [英] Create data URIs on the fly?

问题描述

是否有脚本(javascript/客户端).这样就可以动态创建数据URI.现在，我使用在线base64创建者创建数据URI.然后将输出结果放在css文件中.但是当我改变图像时.为此要做很多工作.有脚本可以帮我吗??

Is there a script (javascript / client side). That create data URIs on the fly. Now i create data URIs with a online base64 creator. And then put that output in the css file. But when i changing the images. Its a lot of work to do it. Is there a script, that can do it for me.?

推荐答案

现代浏览器现在具有良好的支持

The modern browsers now have good support for base64 encoding and decoding. There are two functions respectively for decoding and encoding base64 strings:

• atob() 解码基字符串-64数据
• btoa() 创建一个base-64来自二进制数据字符串"的已编码的ASCII字符串

这使您可以轻松创建数据uri，即

This let's you create data uri's easily i.e

var longText = "Lorem ipsum....";
var dataUri = "data:text/plain;base64," + btoa(longText);
//a sample api expecting an uri
d3.csv(dataUri, function(parsed){

});

这篇关于动态创建数据URI?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！