百度api调用的一些问题

whizzcyf · 发表于 2020-5-6 13:58

使用百度去调用人脸库  前台返回的编码是base64  但是后台交给百度去检索  报了 222203 image check fail  求大神指教我是前台编码 base64 出问题还是? 后台调用出问题
前台:
<!doctype html>
<html lang="en">
<head>
<title>js调用摄像头拍照上传图片</title>
<meta charset="utf-8">
</head>
<body>
<button>开启摄像头</button>
<video id="video" width="500px" height="500px" autoplay="autoplay"></video>
<canvas id="canvas" width="500px" height="500px"></canvas>
<button>拍照</button>

<button>关闭摄像头</button>
<script src="base64.js"></script>
<script src="js/jquery-3.3.1.js"></script>
<script>
let mediaStreamTrack=null; // 视频对象(全局)
function openMedia() {
      let constraints = {
         video: { width: 500, height: 500 },
         audio: false
      };
      //获得video摄像头
      let video = document.getElementById('video');
      let promise = navigator.mediaDevices.getUserMedia(constraints);
      promise.then((mediaStream) => {
         mediaStreamTrack = typeof mediaStream.stop === 'function' ? mediaStream : mediaStream.getTracks()[1];
         video.srcObject = mediaStream;
         video.play();
      });
}

// 拍照
function takePhoto() {
      //获得Canvas对象
      var video = document.getElementById('video');
      var canvas = document.getElementById('canvas');
      var ctx = canvas.getContext('2d');
      ctx.drawImage(video, 0, 0, 500, 500);

      // toDataURL  ---  可传入'image/png'---默认, 'image/jpeg'
      var img = document.getElementById('canvas').toDataURL();
      // var base = img.split("base64,")[1];

      // alert(base);
      console.log(base);
      // 这里的img就是得到的图片
      // console.log('img-----', img);
      /*
      * 发送这个数据
      * */
      $.ajax({
         type:"post",
         url:"testServlet",
         data:{
            "base":img,
            "flag":"queryfacekey"
         },
         dataType: "json",
         success:function(json){
            location.href = "index.html";
            // if("登录成功"==json.mess){
            //    window.parent.location.replace("<%=path%>/main.jsp");
            // }else{
            //    $.MsgBox.Alert("消息",json.mess);
            //
            location.href = "login.html";
         },
         async:true,
         error:function(){
            alert("error");
         }
      });

      // document.getElementById('imgTag').src=img;
}

// 关闭摄像头
function closeMedia() {
      mediaStreamTrack.stop();
}
</script>
</body>

whizzcyf · 发表于 2020-5-6 13:59

后台我觉得写的也没问题大神能否指导一下 cb奉上

whizzcyf · 发表于 2020-5-6 14:00

这个地方 base64 这样编码转 canvas to dataURL 是否会出现一些问题呢

whizzcyf · 发表于 2020-5-6 14:01

有哪位大佬能帮我试试用过百度API 的

Takitooru · 发表于 2020-5-6 14:54

传入的base64格式图片需要去掉图片头信息，即去掉data:image/jpg;base64文件头
//var base = img.split("base64,")[1];
你上面这句好像就是提取base64,后面的内容，但是被你注释了。
实际就是传这个var base定义的参数

alex999 · 发表于 2020-5-6 15:00

base64头没去呀兄弟

whizzcyf · 发表于 2020-5-14 14:26

Takitooru 发表于 2020-5-6 14:54
传入的base64格式图片需要去掉图片头信息，即去掉data:image/jpg;base64文件头
//var base = img.split("b ...

就是说我不用改这个页面了吗

whizzcyf · 发表于 2020-5-14 14:27

Takitooru 发表于 2020-5-6 14:54
传入的base64格式图片需要去掉图片头信息，即去掉data:image/jpg;base64文件头
//var base = img.split("b ...

老哥能否指导一下

Takitooru · 发表于 2020-5-14 16:07

whizzcyf 发表于 2020-5-14 14:27
老哥能否指导一下

var img = document.getElementById('canvas').toDataURL();
var base = img.split("base64,")[1];
....
.....
....
.....
$.ajax({
         type:"post",
         url:"testServlet",
         data:{
            "base":base,
            "flag":"queryfacekey"
         },

whizzcyf · 发表于 2020-6-30 10:54

Takitooru 发表于 2020-5-14 16:07
var img = document.getElementById('canvas').toDataURL();
var base = img.split("base64,")[1];
... ...

好的这个页面有点丑老哥能否给个思路怎么去优化我不想把拍摄完的照片展示在页面上但是不展示又传不了数据报错

帐号		自动登录	找回密码
密码			注册[Register]

[求助] 百度api调用的一些问题