图片信息用浏览器显示:data:image/png;base64,+图片内容

article/2025/9/25 23:47:25

最近看到若依图片验证码获取方式时,后台返回的是一串验证码字符串:

 

例如

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

直接把内容放到浏览器是无法显示的,需要前面加

data:image/png;base64,

如下 

data:image/png;base64,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

 

参考:

(124条消息) data: image/png; base64 用法详解 ( 作用,语法,优缺点 )_雁 南飞的博客-CSDN博客_data:image

若依Vue(前后端分离版)开源项目分析【完结】_哔哩哔哩_bilibili 


http://chatgpt.dhexx.cn/article/lk2j0XLw.shtml

相关文章

图片中隐藏信息——图片隐写术

https://www.jianshu.com/p/72f0d0953ca4 主要原理: 图片是由一个个像素组成的。每个像素由一组(r,g,b)值表示(png格式图片,多一个alpha透明度值)。而对于单个r,g或b,其范围在0~25…

android 获取图片信息 之 ExifInterface

Android--操作图片Exif信息 --------------------------------------------------------------------------------------- 作者:承香墨影 出处:http://plokmju.cnblogs.com/ 更多内容,请阅读本人新书:《Android深入浅出》 欢迎…

图片头文件信息解析

今天发现获取图片的宽高,并不需要把图片完全读完之后再来获取,而只需要读取文件头文件,几十个字节便可以读出文件的宽高。 图片的文件头部存储有该图片相关信息,可以从中读取相应字段,得到尺寸、大小、格式等信息。由于…

图片Exif信息解析(Java实现)

前言 可交换图像文件(Exchangeable Image File,Exif)信息图像在拍摄时保留的相关参数:比如图像信息(厂商,分辨率等),相机拍摄记录(ISO,白平衡,饱和度,锐度等…

java项目实战:处理图片水印,提取图片信息,生成excel表

在这次应用软件设计课程中,要求从今年的软件杯大赛上的项目选择一个实现。我选的是"网店工商信息提取",具体要求就是:从给出的带水印的图片中提取出企业名称和企业注册号,并根据这些信息生成excel表格。 刚刚开始以为这…

nodejs图片读取

response返回都是html/text,向前台输出一张图片用的image/jpeg,服务器读取图片的时候是按照binary的二进制方式读取,给客户端返回的时候也按照binary二进制的方式返回。 从服务器读取一张图片给客户端输出: 效果:输入localhost:…

[软件工具] 如何批量获取图片信息,尺寸、大小、路径、文件名,然后导出表格或者txt的文本,下面教你使用方法

前几天遇到一个比较棘手的需求: 如何获取几万张图片的大量的图片信息,如尺寸、大小、路径、文件名等等, 去看了百度 好多都是教写批处理的文件信息,对批处理不是很懂,写了几次都没成功 然后做这么一款软件&#xff…

APICloud框架——获取本地图片信息

api.getPicture 获取本地图片放置到服务器上或者在app中预览是app的基本功能,今天使用了APICloud框架的api.getPicture这个api获取到的本地图片预览在app中,就像上传qq头像一样,其实就是这个需求,获取本地照片(拍摄照片…

imagemagick 获取图片信息,放大缩小,指定区域,旋转,边框,draw png压缩问题

Table of Contents 1.获取图片信息 2.放大缩小 -resize 3.放大缩小 -sample 4.指定区域 5.旋转 6.添加边框 7.draw的用法 1.获取图片信息 C:\Users\Administrator>magick identify F:\imagemagick\1.jpg F:\imagemagick\1.jpg JPEG 1440x2560 1440x256000 8-bit sRGB …

解决透视变换后图片信息丢失的问题

问题背景:最近在做图像拼接,思路是首先对输入的两幅图进行特征提取,提取的方法使用的是经典的SIFT(Scale-invariant feature transform)算法;然后进行特征匹配,匹配的思路是将一幅图中的特征点以…

wx.getImageInfo(Object object)获取图片信息

微信小程序第一周总结 总结人:陈曦 wx.getImageInfo(Object object)获取图片信息 在小程序/小游戏中使用网络相关的 API 时,每个微信小程序需要事先设置一个通讯域名,小程序只可以跟指定的域名与进行网络通信。包括普通 HTTPS 请求&#xff…

利用Python实现图片信息隐藏

最近上了一门信息隐藏的课,讲的关于技术层面的内容还是蛮多的,但是我也没记住几个。吭吭,言归正传,这两天要交大作业,自己手动实现一种图像信息隐藏,查了一番资料后,决定Python来做(主要是调用包方便),原理很简单,主要利用修改图像RGB通道的某一通道值来隐藏二维信息…

Python获取图片信息小栗子

1.首先我们需要先导入所需要的包,没有的话可以【 pip install ~】 来获取 import requests from lxml import etree 2.接下来我们要进行UA伪装,伪装的目的就是把电脑伪装成人 因为很多wangzahn都有反扒机制,不进行伪装的话根本就无法进行爬…

线性回归用matlab怎么做,matlab中如何应用regress()函数进行线性回归分析?

matlab中如何应用regress()函数进行线性回归分析?回归分析是研究一个随机变量与一个或多个普通变量之间的相关系的统计方法。如果做回归分析,有很多软件都已经封装好了的,我们只需直接调用就可以了。例如Matlab中的regress()就是做线性回归分…

[Matlab]篇----回归分析Matlab命令(regress篇)

[Matlab]篇—-回归分析Matlab命令(regress篇) 一、简介 最近在做回归分析方面的东西,网上查阅相关资料,通过实际调试,对调试结果进行总结。 回归分析法指利用数据统计原理,对大量统计数据进行数学处理,并…

回归(Regression )

回归(Regression ) 模型定义 Regression 就是找到一个函数 functionfunction ,通过输入特征 x,输出一个数值 Scalar。 模型应用 股市预测(Stock market forecast) 输入:过去10年股票的变动、…

数学建模:回归分析——regress 函数

matlab中regress 函数 https://jingyan.baidu.com/article/ca41422f6777aa1eae99ed87.htmlhttps://jingyan.baidu.com/article/ca41422f6777aa1eae99ed87.html 结果 附录 1、数据文本:data1_1 0 68 110 121 23 111 100 37 66 110 12 169 50 46 87 117 16 155 25…

[matlab]多元线性回归-regress函数的用法

转载博客原址:https://blog.csdn.net/YinJianxiang/article/details/81464245 回归分析 回归分析 (英语:Regression Analysis) 是一种统计学上分析数据的方法,目的在于了解两个或多个变量间是否相关、相关方向与强度,并建立数学…

机器学习——regression

1 用线性回归找到最佳拟合直线 线性回归 优点:结果易于理解,计算上不复杂 缺点:对非线性的数据拟合不好 使用数据类型:数值型数据和标称型数据。 回归方程:是根据样本资料通过回归分析所得到的反映一个变量&#xff0…

回归问题(Regression)

Regression 前言Dependent vs. Explanatory VariablesHandle Numerical Labelssquared error和variance什么区别 Linear RegressionLinear Regression in 1 Dimension Least Squares (最小二乘,重点)Least Squares ObjectiveMinimizing a Dif…