记录 uniapp + uview 实现 h5 / app-plus 上传图片前端校验图片中的二维码，有缺陷偶尔识别不出来

<template>
  <view class="custom-upload-test">
    <view class="custom-upload-warp">
      <view class="image-container" v-if="urls.length">
        <view class="image-warp" v-for="(url, index) in urls" :key="index">
          <image :src="url" @click="previewImage(index)"></image>
          <view class="delete-btn" @click="urls.splice(index, 1)">
            <u-icon name="close" size="10" color="#fff"></u-icon>
          </view>
        </view>
      </view>
      <view class="upload" @click="chooseImage">
        <u-icon name="plus" size="30" color="#ccc"></u-icon>
      </view>
    </view>
    <canvas canvas-id="myCanvas" id="myCanvas" />
  </view>
</template>
<script>
import {
   
    fileUpload } from '@/api/upload'
import {
   
    readImageFile } from '@/utils/readImage'

export default {
   
   
  props: {
   
   
    config: {
   
   
      type: Object,
      default: () => {
   
   
        return {
   
   
          orderCode: '',
          isValidate: false
        }
      }
    }
  },
  watch: {
   
   
    errorMsg: {
   
   
      handler(val) {
   
   
        if (val.length) {
   
   
          const content = val.join('\n')
          uni.showModal({
   
   
            title: '提示',
            content
          })
        }
      },
      deep: true
    }
  },
  data() {
   
   
    return {
   
   
      urls: [],
      errorMsg: [],
      resultCodes: []
    }
  },
  methods: {
   
   
    previewImage(index)