解决扫脸泄露问题

chenxt
1 parent 92c28c1d
Showing 1 changed file with 28 additions and 13 deletions
src/components/FaceDetect/index.js
@@ -13,6 +13,7 @@ let token = &quot;92d3bf5f3edcb55c731acb11b7f28202&quot;; // 测试的删除token
 class FaceDetect extends Component {
   constructor(props) {
     super(props);
+    this._isMounted = false;
     this.video = null;
     this.checkParams = [];
     this.group_id = "xlyprint";
@@ -40,6 +41,7 @@ class FaceDetect extends Component {
   }
   componentDidMount() {
+    this._isMounted = true;
     const { loginAfterInit } = this.props;
     if (loginAfterInit) {
       setTimeout(() => {
@@ -47,21 +49,26 @@ class FaceDetect extends Component {
       }, 300);
     }
   }
-
+  componentWillUnmount() {
+    this._isMounted = false;
+    this.stopMedia();
+  }
   changeStatusContent = content => {
-    this.setState({
-      statusContent: content
-    });
+    if (this._isMounted) {
+      this.setState({ statusContent: content });
+    }
   };
+
   changeCurrentPercent = percent => {
-    this.setState({
-      currentPercent: percent
-    });
+    if (this._isMounted) {
+      this.setState({ currentPercent: percent });
+    }
   };
+
   changePercentStatus = status => {
-    this.setState({
-      percentStatus: status
-    });
+    if (this._isMounted) {
+      this.setState({ percentStatus: status });
+    }
   };
   getFace = () => {
@@ -73,6 +80,10 @@ class FaceDetect extends Component {
   };
   //登录认证
   getMedia = () => {
+    if (!this._isMounted) {
+      clearInterval(timer);
+      return;
+    }
     this.setState({ thumbImg: "" });
     this.checkParams = [];
     const _this = this;
@@ -179,7 +190,7 @@ class FaceDetect extends Component {
             }
           }, 200);
         })
-        .catch(function(err) {
+        .catch(function (err) {
           console.log(err.name + ": " + err.message);
           reject();
         });
@@ -188,6 +199,10 @@ class FaceDetect extends Component {
   //人脸采集
   getMediaAddFace = () => {
+    if (!this._isMounted) {
+      clearInterval(timer);
+      return;
+    }
     this.setState({ thumbImg: "" });
     this.checkParams = [];
     const _this = this;
@@ -288,7 +303,7 @@ class FaceDetect extends Component {
             }
           }, 200);
         })
-        .catch(function(err) {
+        .catch(function (err) {
           console.log(err.name + ": " + err.message);
           reject();
         });
@@ -386,7 +401,7 @@ class FaceDetect extends Component {
     const stream = this.video.srcObject;
     if (stream) {
       const tracks = stream.getTracks();
-      tracks.forEach(function(track) {
+      tracks.forEach(function (track) {
         track.stop();
       });
       this.video.srcObject = null;