小程序上传图片功能

<template>
  <view class="idcard_uploader" @click="onafterprint">
   <view class="upload-box" v-if="!upLoadImgae">
    <image src="../../static/Travel/zhaoxiangji.png" mode="" class="zhaoxiangji"></image>
    <view class="upload-text">请拍摄或上传身份证照片</view> </view>
    <image :src="upLoadImgae" mode="" class="upLoadImgae" v-else></image>
    </view>
</template>
<script>
export default{
   data(){
  

   },
   methods:{

   onafterprint(event) {
        uni.chooseImage({
          count: 1, //默认9
          sizeType: ['compressed'],
          sourceType: ['camera', 'album'],
          success: function(res) {
            // const file = {
            //   filePath: res.tempFilePaths[0],
            //   filePathName: 'file'
            // }
            that.upLoadImgae = res.tempFilePaths[0]
            uni.showLoading({
              title: '识别中'
            })
            uni.uploadFile({
              url: '你的地址',
              filePath: res.tempFilePaths[0],
              name: 'file',
              formData: {
                ocrType: '1'
              },
              success: (fileList) => {
                let paramsData = JSON.parse(fileList.data)
                that.from.idCardName = paramsData.data.ocrData.idCardName
                that.from.idCardNumber = paramsData.data.ocrData.idCardNumber

                // that.fileList = [{
                //   url: res.tempFilePaths[0],
                // }];
                that.$toast('身份识别成功')
                console.log(that.fileList)
              },
            });
          }
        });
      },
      //上传图片


 } 


}

</script>