人脸检测，身份证扫描调三方接口获取图片base64路径转file，存入数据库（Vue）

<template>

<div class="PersonInfoAuthPage">

<Header headerTitle="个人信息认证"/>

<p class="msg">识别内容必须清晰可见<i>*</i></p>

<div class="UserUpImgPage">

<div>

<span >人脸识别</span><img @click="addUserFace" id='userFaceImg' name='livingImg' :src="userFaceImg" alt="">

</div>

<div>

<span>身份证正面</span><img @click="addIdCardPros" id='idCardProsImg' name='frontImg' :src="idCardProsImg" alt="">

</div>

<div>

<span>身份证反面</span><img @click="addIdCardCons" id='idCardConsImg' name='backImg' :src="idCardConsImg" alt="">

</div>

</div>

<div class="identityInfoPage">

<p class="identityInfo">身份信息</p>

<div class="userInfo">

<p class="userName border-bottom">真实姓名: <span id='userNameTxt'>请输入真实姓名</span></p>

<p class="idCard">身份证号: <span id="idCardTxt">请输入18位身份证号</span></p>

</div>

</div>

<mt-button size="large" @click="saveInfo">保存</mt-button>

<img id="cardFace" style="display:none;" name='ocrImg' :src="userFaceImg" alt="">

</div>

</template>

 

<script>

import Header from '@/components/common/HeaderBack.vue'

import userFaceImg from '@/asset