css 引用base64,css - 将背景图像数据嵌入到CSS中作为Base64的好或坏做法? - 堆栈内存溢出...

感谢此处的信息。 我发现这种嵌入非常有用,特别是对于移动设备,尤其是嵌入式图像的css文件被缓存。

为了让生活更轻松,因为我的文件编辑器本身没有处理这个问题,我为笔记本电脑/桌面编辑工作做了几个简单的脚本,在这里分享以防它们对任何其他人都有用。 我坚持使用php,因为它直接和非常好地处理这些事情。

在Windows 8.1下说---

C:\Users\`your user name`\AppData\Roaming\Microsoft\Windows\SendTo

...作为管理员,您可以在路径中建立批处理文件的快捷方式。 该批处理文件将调用php(cli)脚本。

然后,您可以右键单击文件资源管理器中的图像,然后发送到批处理文件。

Ok Admiinstartor请求,并等待黑色命令shell窗口关闭。

然后只需将剪贴板中的结果粘贴到文本编辑器中......

%7C

要么

`background-image : url("|")`

以下应适用于其他操作系统。

批处理文件......

rem @echo 0ff

rem Puts 64 encoded version of a file on clipboard

php c:\utils\php\make64Encode.php %1

并且在您的路径中使用php.exe,它会调用php(cli)脚本...

function putClipboard($text){

// Windows 8.1 workaround ...

file_put_contents("output.txt", $text);

exec(" clip < output.txt");

}

// somewhat based on http://perishablepress.com/php-encode-decode-data-urls/

// convert image to dataURL

$img_source = $argv[1]; // image path/name

$img_binary = fread(fopen($img_source, "r"), filesize($img_source));

$img_string = base64_encode($img_binary);

$finfo = finfo_open(FILEINFO_MIME_TYPE);

$dataType = finfo_file($finfo, $img_source);

$build = "data:" . $dataType . ";base64," . $img_string;

putClipboard(trim($build));

?>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值