主要代码
$(function(){
$(‘#compareBtn’).click( async ()=> {
const picElem1 = document.getElementById(‘picture1’);
const picElem2 = document.getElementById(‘picture2’);
console.log(‘picElem1’)
console.log(picElem1)
const picture1 = await faceapi
.detectAllFaces(picElem1)
.withFaceLandmarks()
.withFaceDescriptors();
console.log(‘picture1’)
console.log(picture1)
var landM= await faceapi
.detectAllFaces(picElem1)
.withFaceLandmarks()
console.log(‘landM’)
console.log(landM)
const picture2 = await faceapi
.detectAllFaces(picElem2)
.withFaceLandmarks()
.withFaceDescriptors();
console.log(‘picture2’)
const dist = faceapi.euclideanDistance( picture1[0].descriptor,picture2[0].descriptor,);
console.log(dist);
$(‘#resultRate’).html(dist)
// 相似度大于0.4表示不是同一个人
if(dist > 0.4){
$(‘#result’).html(“不是同一个人”);
console.log(‘不是同一个人’)
}
else {
$(‘#result’).html(“是同一个人”);
console.log(‘是同一个人’)
}
})
})