前端vue加水印vant2+cavans

我使用的是vant2的Uploader 文件上传组件

    <van-uploader :max-count="9"  :after-read="afterReadImg" @delete="onDelete"
      v-model="fileList" @click-upload="setBannerMax"  multiple>
      <div class="upload flex flex-col" v-if="fileList.length < 9">
        <img class="add-img" src="@/assets/images/add_img.png" />
        <span v-if="!fileList.length">拍照上传</span>
        <span v-else>{
  
  { fileList.length }}/9</span>
      </div>
    </van-uploader>

这里安卓和ios有很多兼容性问题，例如限制最大上传张数，这里调用的是原生的方法控制

  setBannerMax() {
      const bridge = getJsBridge()
      bridge.call('setMaxUploadSize', { size: 9 })
      // return true
    }

图片加水印一开始是后端实现，她实现的正常情况

 但如果是网