如何判断两张网络图片是否相同

Nightne

于 2022-04-27 16:35:44 发布

阅读量1.1k

点赞数

文章标签： js

本文链接：https://blog.csdn.net/weixin_44284981/article/details/124454346

版权

该博客介绍了如何使用axios在前端进行图片的获取，并通过两种方式对比图片内容：一种是将图片转换为Base64字符串进行比较，另一种是直接比较二进制流。内容涉及FileReader接口的使用以及在GET请求中设置responseType为'blob'来获取二进制数据。

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

可以通过比较两张图片的二进制流或者base64

base64比较

axios({
	method: 'get',
	url: 'url路径',
	responseType: 'blob'
})
	.then(res => {
		const reader = new FileReader()
        reader.onload = function (e) {
          base = e.srcElement.result
        }
        reader.readAsDataURL(res.data) // 通过比较两个图片的base64
	})

二进制流比较

axios({
	method: 'get',
	url: 'url路径'
})
	.then(res => {
		console.log(res.data) // 比较二进制流
	})