我的代码有什么问题。数据未在本机反应中使用多部分发送或上传到服务器

2023-12-04

我是新来的,没有反应。我已经从此表单创建了一个表单,我正在使用多部分 formData 发送图像并将其上传到服务器。但问题是当我提交的数据没有进入服务器时。并且没有出现任何错误。所以请告诉我我写了错误的代码。或者有什么问题。我在代码中犯了什么错误。

这是我的代码。

export default function Add(props) {

  const { navigation } = props

  const [singleFilePAN, setSingleFilePAN] = useState('');
  const [singleFileADH, setSingleFileADH] = useState('');
  const [singleFileADH1, setSingleFileADH1] = useState('');
  const [singleFileSIGN, setSingleFileSIGN] = useState('');
  const [imageArray, setImageArray] = useState({
    PAN: null,
    GST: null,
    ADH: null,
    ADH1: null,
  });

 const validateInputs = () => {

    console.log(singleFilePAN)
    console.log(singleFileADH)
    console.log(singleFileADH1)
    console.log(singleFileSIGN)
    
    if (singleFilePAN && singleFileADH && singleFileADH1 && singleFileSIGN != null) 
    {
    if (!/[A-Z]{5}[0-9]{4}[A-Z]{1}/.test(PAN) && imageArray.GST === null){
      setPanError('Please Insert valid PAN Card Image \n And Valid Pan card number')
      return;
    }
    if (!/^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$/.test(GST))  {
      setGstError('Please Insert valid GST Number')
      return;
    }
    if (!/^\d{4}\s\d{4}\s\d{4}$/.test(ADH)) { 
      setAdhError('Please Insert valid Aadhar Card Image \n And Valid Adhar card number')
      return;
    }
    else 
    {

        //+++++++++++++++++++++++++++++++++=submitting form data to api start+++++++++++++++++++++++++++++++++++
{

  const leadTagNumber = props.route.params.leadTagNumber

    AsyncStorage.multiGet(["application_id", "created_by",'leadTagNumber']).then(response => {

  const formData = new FormData();

formData.append(JSON.stringify('lead_tag_number',leadTagNumber));
formData.append(JSON.stringify('pan_card_number', PAN));
formData.append(JSON.stringify('aadhar_card_number', GST));
formData.append(JSON.stringify('idfy_pan_card_status', "Done"));
formData.append(JSON.stringify('idfy_aadhar_card_status',"Done"));
formData.append(JSON.stringify('entry_sorce', "App"));
formData.append(JSON.stringify('created_by', response[1][1]));
formData.append(JSON.stringify('application_id', response[0][1]));
formData.append(JSON.stringify('is_active', "Y"));
formData.append(JSON.stringify('is_deleted', "N"));
formData.append(JSON.stringify('created_time', ""));

formData.append('upload_pancard', 
  {
    uri: singleFilePAN,
    name: 'pancardImage.jpg',
    type: 'image/jpg/png'
  }
);
formData.append('upload_aadhar', 
    {
        uri: singleFileADH,
        name: 'upload_aadhar.jpg',
        type: 'image/jpg/png'
    }
);
formData.append('upload_aadhar_second', 
    {
        uri: singleFileADH1,
        name: 'upload_aadhar_second.jpg',
        type: 'image/jpg/png'
    }
);
formData.append('digital_signature', 
    {
        uri: singleFileSIGN,
        name: 'digital_signature.jpg',
        type: 'image/jpg/png'
    }
);

  fetch('https://xyz.tech/Android_API_CI/_data', {
      method: 'POST',
      headers: {'Accept': 'application/json, text/plain, */*', "Content-Type": "application/json" },

      body: formData

    })
    .then((returnValue) => returnValue.json())
    .then(function(response) {
      console.log(response)
      Alert.alert("File uploaded");
      return response.json();
      
     
    });
  });
  // event.preventDefault();
  }
  //+++++++++++++++++++++++++++++++++submitting form data to api end++++++++++++++++++++++++++++++++++++++

      Alert.alert("success")
      return;
}
    }
  };

 const takePicture = async (type) => {
    if (camera) {

      const data = await camera.takePictureAsync({
        mediaTypes: ImagePicker.MediaTypeOptions.All,
      });

      console.log(data.uri);
      const newImageArr = imageArray;
      if (imageType === 'PAN') {
        newImageArr.PAN = data.uri;
      }else if (imageType === 'ADH' && evenTry) {
        newImageArr.ADH = data.uri;
        setEvenTry((val) => !val);
      } else if (imageType === 'ADH' && !evenTry) {
        newImageArr.ADH1 = data.uri;
        setEvenTry((val) => !val);
      }
      setImageArray({...newImageArr});
      
      setShowCamera(false);
      setImageType('');
      setSingleFilePAN({ singleFilePAN: newImageArr.PAN});
      setSingleFileADH({ singleFileADH: newImageArr.ADH});
      setSingleFileADH1({ singleFileADH1: newImageArr.ADH1});
    }
  };


  const pickImage = async (type) => {
    let result = await ImagePicker.launchImageLibraryAsync({
      mediaTypes: ImagePicker.MediaTypeOptions.All,
    });

    console.log(result.uri);
    if (!result.cancelled) {
      const newImageArr = imageArray;
      if (type === 'PAN') {
        newImageArr.PAN = result.uri;
      } else if (type === 'ADH' && evenTry) {
        newImageArr.ADH = result.uri;
        setEvenTry((val) => !val);
      } else if (type === 'ADH' && !evenTry) {
        newImageArr.ADH1 = result.uri;
        setEvenTry((val) => !val);
      }
      setImageArray({ ...newImageArr });
     setSingleFilePAN({ singleFilePAN: newImageArr.PAN});
     setSingleFileADH({ singleFileADH: newImageArr.ADH});
     setSingleFileADH1({ singleFileADH1: newImageArr.ADH1});
    }

在这里,您仅在表单数据中使用 JSON.stringify('','') 时发送密钥。

在附加键和值时,您必须分别放置键和值。

例如:

formData.append('lead_tag_number',leadTagNumber);
formData.append('pan_card_number', PAN);
formData.append('aadhar_card_number', GST);
formData.append('idfy_pan_card_status', "Done");
formData.append('idfy_aadhar_card_status',"Done");
formData.append('entry_sorce', "App");
formData.append('created_by', response[1][1]);
formData.append('application_id', response[0][1]);
formData.append('is_active', "Y");
formData.append('is_deleted', "N");
formData.append('created_time', "");
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我的代码有什么问题。数据未在本机反应中使用多部分发送或上传到服务器 的相关文章

随机推荐

  • 量角器:等待方法不起作用

    我尝试使用 wait 方法代替 sleep 但它不起作用 我有代码 browser actions click filter field perform browser sleep 3000 if baloon info isPresent
  • 剪辑路径插入圆?

    是否可以创建一个插入圆形剪辑路径 以便剪辑路径可以有效地在中心的 div 中切出一个孔 而不是仅显示中心 div 应该全部显示 除了在中心切出一个孔以创建如下内容 我想使用剪辑路径或类似的东西 这样我就可以在 div 后面添加内容 图像和内
  • Tomcat - Servlet init() 在启动时调用两次

    我对独立 Tomcat 服务器 未与 Apache 链接 有疑问 当 Tomcat 启动时 servlet 的 init 方法被调用两次 即启动两个 servlet 更令人担忧的是 这些似乎是由不同的类加载器加载的 只有一个 Java 进程
  • 一个 Django 项目的多个域托管

    一般来说 我对 Django 和 python 很陌生 所以请耐心等待 我想创建一个非常简单的 SaaS 应用程序来开始使用 Django 和 python 我的设计规定所有域都将在同一代码库上运行 每个网站之间唯一不同的是数据库连接详细信
  • 使用 C2DM 注册 Android 应用程序

    我正在使用版本 8 的模拟器 当我尝试注册 Android 应用程序时 它将给出空注册 ID 请帮我解决这个问题 我如何使用 C2DM 注册 Android 应用程序 我的代码是注册应用程序 Intent registrationInten
  • 如何减少集成了 openCv 库的 Android 应用程序的 apk 大小

    我已经搜索了很多 但没有找到解决方案 因此发布此内容 设想 我正在构建一个使用 opencv 库的 Android 应用程序 当我构建 APK 文件时 apk 的大小为 66 MB 这对于我的应用程序来说太大了 我正在使用最新版本的 Ope
  • 转义正则表达式字符串? [复制]

    这个问题在这里已经有答案了 我记得有一种方法可以转义很长的字符串正则表达式 我想我使用了新的正则表达式 但我不记得该怎么做 这里有人知道怎么做吗 你的问题有点不清楚 但如果我很理解你 你需要一种方法来转义字符串 以便稍后在正则表达式中使用它
  • 在 C/C++ 中从 TCP 套接字读取的正确方法是什么?

    这是我的代码 Not all headers are relevant to the code snippet include
  • Android 忽略自签名证书

    我的 Android 应用程序正在连接到 https 自签名服务器 并且使用客户端证书 cer 文件 可以正常工作 Android 应用程序可以在不使用客户端证书的情况下连接到 https 自签名服务器吗 gt 如果答案是 是 那么可以使用
  • Firebase Android - startAt() 和 endAt() 无法正常工作?

    如何根据用户名搜索用户 我已经看过很多关于这个问题的帖子 但仍然无法实现我想做的事情 我尝试应用我在这些帖子中看到的内容 如下所示 DatabaseReference usersRef FirebaseDatabase getInstanc
  • 在 Javascript 中将 JSON 字符串转换为 JSON 对象数组

    我想转换这个字符串 id 1 name Test1 id 2 name Test2 2 个 JSON 对象的数组 我该怎么做呢 best 使用 jQuery var str id 1 name Test1 id 2 name Test2 v
  • 当我在 IE 中使用 jquery 自动完成功能时,撤消 (ctrl +z) 对文本区域不起作用

    Jquery 自动完成会破坏 IE 中的撤消 如果是 textarea 可能是什么原因 尝试这个 在 IE 中打开此链接 http jqueryui com demos autocomplete multiple 在输入元素中键入任何文本
  • 不同大小的面与 ggplot 2 r 上的 x 轴成比例

    下面是一种情况 group1 lt seq 1 10 2 group2 lt seq 1 20 3 x c group1 group2 mydf lt data frame X x Y rnorm length x 5 1 groups c
  • Microsoft SQL Server Native Client 10.0 登录超时已过期

    我有一个新安装的 SQL Server 2008 R2 Express 我正在尝试奔跑SQLCMD本地 请注意locally 但我收到错误 命名管道提供程序 无法打开与 SQL Server 的连接 2 Sqlcmd 错误 Microsof
  • R光栅识别黑色光栅图像

    下面的代码在我的图像上生成两个框 我计划进一步分析这些框中的像素 我想提出一个条件 如果沿着盒子的边缘 有一个黑色 或类似的颜色 例如灰色 像素 那么就不要继续 我如何指定这样的条件 在下面的示例中 对于红色方块 我不想继续进行 因为它的右
  • 在 ASP.net Web 服务和 ASP.Net Web 客户端之间发送和接收 JSON 时出现问题

    您可能会认为 通过这里的所有帖子 这很容易弄清楚 这应该是一个简单的例子 注意 Web 服务是 VB 客户端是 C 当从 JQuery 调用时 wb 服务发送和接收良好 来自 NET 有一个问题 如果服务请求如下所示的参数 则客户端的 ge
  • JqueryUI 中图像的可拖动和可调整大小不起作用?

    我使用下面的代码来拖动图像并调整图像大小
  • Android 上的 Phonegap 出现网络错误?

    我收到这个错误 我应该怎么办 该路径是有效的 我已经检查过 我已经清理并再次重建了应用程序 等等 我真的不知道下一步该怎么办 在我的活动类中 我有以下代码 import android app Activity import android
  • 有没有办法在 pygame 中获取特定对象/点击的坐标?

    我想编写一个程序 如果我单击 则会在 pygame 屏幕上绘制一个圆圈 如果再次单击 则会绘制另一个圆以及将其连接到前一个绘制的圆的线 有什么方法可以跟踪您上次单击的位置的坐标吗 附注我想在多次点击后创建类似星座的效果 以帮助您可视化 添加
  • 我的代码有什么问题。数据未在本机反应中使用多部分发送或上传到服务器

    我是新来的 没有反应 我已经从此表单创建了一个表单 我正在使用多部分 formData 发送图像并将其上传到服务器 但问题是当我提交的数据没有进入服务器时 并且没有出现任何错误 所以请告诉我我写了错误的代码 或者有什么问题 我在代码中犯了什