【方法】blob类型地址的图片下载

最新推荐文章于 2025-02-19 16:26:59 发布

建设嘴

最新推荐文章于 2025-02-19 16:26:59 发布

阅读量9.1k

点赞数 3

本文链接：https://blog.csdn.net/Gyuau/article/details/113862863

版权

本文介绍了如何处理和下载使用blob地址的图片。blob地址是一种Data URI scheme，用于将小数据直接嵌入网页，避免外部文件加载。内容涉及base64编码、解码以及在不同浏览器中的支持情况，并提供了一个实例来展示如何保存和下载blob地址的图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

blob地址的图片下载

有时候我们在网上看到一些喜欢的照片想要保存下载下来，正常情况下都是可以通过按键F12进入后台模式找到对应的照片地址，但偶尔遇到一些采用blob地址的图片不知道该如何把它下载下来
在这里插入图片描述
箭头所指的位置即为blob地址。

那么这是什么呢？这是Data URI scheme。
Data URI scheme是在RFC2397中定义的，目的是将一些小的数据，直接嵌入到网页中，从而不用再从外部文件载入。比如上面那串字符，其实是一张小图片，将这些字符复制黏贴到火狐的地址栏中并转到，就能看到它了，一张1X36的白灰png图片。
在上面的Data URI中，data表示取得数据的协定名称，image/png 是数据类型名称，base64 是数据的编码方法，逗号后面就是这个image/png文件base64编码后的数据。

base64简单地说，它把一些 8-bit 数据翻译成标准 ASCII 字符，网上有很多免费的base64 编码和解码的工具，在PHP中可以用函数base64_encode() 进行编码，如echo base64_encode(file_get_contents(‘wg.png’));
目前，IE8、Firfox、Chrome、Opera浏览器都支持这种小文件嵌入。

举例
一般我们的图片内容显示方法是这样的：