uni-app实名认证界面点击“认证”按钮无反应,不提示成功或失败,已上传身份证照片

发布于 1周前 作者 h691938207 来自 Uni-App

uni-app实名认证界面点击“认证”按钮无反应,不提示成功或失败,已上传身份证照片

6 回复

控制台有报错吗? 用的什么浏览器


任何报错都没有,控制台感觉api请求都没发出去,用的Chrome浏览器:版本 126.0.6478.127(正式版本) (32 位)

私信 加下我QQ

我不知道在哪实名认证

登录开发者中心

针对你提到的uni-app实名认证界面点击“认证”按钮无反应的问题,这通常是由于事件绑定不正确、数据处理逻辑缺失或者异步请求未正确处理等原因造成的。以下是一个简化的代码示例,展示了如何在uni-app中实现一个基本的实名认证功能,包括点击按钮触发事件、上传身份证照片以及处理服务器响应。

1. 页面结构(template)

<template>
  <view>
    <button @click="startVerification">认证</button>
    <input type="file" @change="handleFileChange" accept="image/*" multiple="false" hidden>
    <image v-if="idCardImage" :src="idCardImage" style="width: 100%;"></image>
  </view>
</template>

2. 脚本部分(script)

<script>
export default {
  data() {
    return {
      idCardImage: ''
    };
  },
  methods: {
    handleFileChange(e) {
      const file = e.target.files[0];
      if (file) {
        this.idCardImage = URL.createObjectURL(file); // 预览图片
      }
    },
    async startVerification() {
      const inputFile = document.querySelector('input[type=file]');
      if (!inputFile.files.length) {
        uni.showToast({ title: '请先上传身份证照片', icon: 'none' });
        return;
      }

      const formData = new FormData();
      formData.append('idCardImage', inputFile.files[0]);

      try {
        const response = await uni.uploadFile({
          url: 'https://your-server-url/verify', // 替换为你的服务器验证接口
          filePath: inputFile.files[0].path,
          name: 'file',
          formData: formData
        });

        const data = JSON.parse(response.data);
        if (data.success) {
          uni.showToast({ title: '实名认证成功', icon: 'success' });
        } else {
          uni.showToast({ title: '实名认证失败:' + data.message, icon: 'none' });
        }
      } catch (error) {
        uni.showToast({ title: '请求失败,请稍后再试', icon: 'none' });
      }
    }
  }
};
</script>

3. 样式部分(style,可选)

<style scoped>
/* 根据需要添加样式 */
</style>

注意事项

  • 确保你的服务器接口能够正确处理上传的文件,并返回相应的认证结果。
  • uni.uploadFileurl需要替换为你实际的服务器地址。
  • 本示例仅展示了基本的文件上传和结果处理逻辑,实际项目中可能需要更复杂的错误处理和用户体验优化。
  • 考虑到安全性,身份证照片的处理和存储应遵循相关法律法规。
回到顶部