如何在JS中结合图像上传和面部检测

Question

我正在开发一个项目，该项目将在上传时检测图像中的人脸。我可以上传图像，也可以检测图像中的人脸。现在，我想结合这两种方法。我的项目可以在github上找到here。 到目前为止，它可以检测到面部。

用于上传图片的代码：

    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

$("#imgInp").change(function(){
    readURL(this);
});
 <div id="container">

      <img id="blah" src="#" alt="your image" class="image"/>
    </div>

用于检测人脸的代码：

      <img id="blah" src="photos/1.png" alt="your image" class="image"/>

$('#blah').faceDetection({
      complete : function(faces){

    for (var i = 0; i < faces.length; i++) {
        $("<div>", {
          class : "face",
          css : {
            left : faces[i].x * faces[i].scaleX + "px",
            top : faces[i].y * faces[i].scaleY + "px",
            width : faces[i].width * faces[i].scaleX + "px",
            height : faces[i].height * faces[i].scaleX + "px",

          }

        }).insertAfter(this);
      }},
      error : function(code, message){}
    });