分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

DataURL 初探

发布时间:2023-09-06 02:36责任编辑:郭大石关键词:暂无标签
原理:通过对文件的二进制数据进行base64进行编码。

优点:

  • 1.可以减少网络请求。
  • 2.字符串编码方便传输存储。

缺点:

  • 1.不能在客户端口进行缓存。(如图片,只能通过css文件进行背景图片缓存) ??
  • 2.渲染时需要base64解码,需要消耗cpu资源。

建议根据实际情况,合理使用。

demo

$filePath = ‘http://admin.test.yundou.com/images/guopiao_logo.jpg‘;function getFileBase64DataUrl(string $filePath): string{ ???$parseArr = (parse_url($filePath)); ???$fileExtension = pathinfo($parseArr[‘path‘])[‘extension‘]; ???$base64Content = base64_encode(file_get_contents($filePath)); ???$returnString = ‘‘; ???if ($fileExtension == ‘jpg‘) { ???????$returnString .= ‘data:image/‘ . $fileExtension . ‘;‘; ???????$returnString .= ‘base64,‘; ???????$returnString .= $base64Content; ???} ???return $returnString;}$dataUrl=getFileBase64DataUrl($filePath);echo "<img src=‘{$dataUrl}‘>";

DataURL 初探

原文地址:https://blog.51cto.com/phpme/2369579

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved