uniapp rules 校验 图片是否上传

可以使用uniapp内置的表单验证规则和自定义规则来验证图片是否上传。具体步骤如下：

1. 在表单中添加一个上传图片的 input 标签，并设置 name 属性。

2. 在 data 中定义一个变量，用于存储图片的上传状态。

data() {
  return {
    imgStatus: false
  }
}

3. 在 methods 中定义一个方法，用于检查图片是否上传成功。

methods: {
  checkImg() {
    if (this.$refs.uploadImg && this.$refs.uploadImg.length > 0) {
      this.imgStatus = true;
    } else {
      this.imgStatus = false;
    }
  }
}

4. 在表单中添加一个 hidden input 标签，用于存储图片上传状态。

<input type="hidden" name="imgStatus" :value="imgStatus ? 'true' : 'false'" />

5. 在表单验证规则中添加一个自定义验证规则，用于验证图片是否上传成功。

rules: {
  img: [
    { 
      required: true, 
      message: '请上传图片' 
    },
    { 
      validator: (rule, value, callback) => {
        if (this.imgStatus) {
          callback();
        } else {
          callback(new Error('图片上传失败'));
        }
      }
    }
  ]
}

通过以上步骤，就可以实现对图片上传状态的校验。