它不是将数据插入数据库

我想将数据插入到Image_Question桌子。但它不会执行插入操作Image_Question Table.

我收到两个错误：

• 注意：未定义的偏移量：0 in ... 第 305 行
• 注意：未定义的偏移量：第 305 行上的 3 in ...

这是您可以使用的应用程序：应用 http://helios.hud.ac.uk/u0867587/Mobile_app/InputTest.php

要使用应用程序查看正在发生的情况，请执行以下操作：

1. Click Add Question按钮两次以附加两个文件输入

2. 现在一次上传一个文件，但这样做。在第 1 行的文件输入中上传文件，然后在第 2 行中上传文件，然后再次在第 1 行中上传文件，最后在第 2 行中上传文件。

下面是mysqli代码：

// Prepare your statements ahead of time
$questionsql = "INSERT INTO Question (QuestionNo) VALUES (?)";
if (!$insert = $mysqli->prepare($questionsql)) {
  // Handle errors with prepare operation here
  echo __LINE__.': '.$mysqli->error;
}

$imagequestionsql = "INSERT INTO Image_Question (ImageId, QuestionId)  
VALUES (?, ?)"; 

if (!$insertimagequestion = $mysqli->prepare($imagequestionsql)) { 
  // Handle errors with prepare operation here 
 echo __LINE__.': '.$mysqli->error; 
}

//make sure both prepared statements succeeded before proceeding
if( $insert && $insertimagequestion) {
  $c = count($_POST['numQuestion']);
  $question_ids = array();

  for($i = 0;  $i < $c; $i++ ) {
    $questionNo = $_POST['numQuestion'][$i];

    $insert->bind_param("i", $questionNo);

    $insert->execute();

    if ($insert->errno) {
        // Handle query error here
      echo __LINE__.': '.$insert->error;
      break 1;
    }

    $questionId = $mysqli->insert_id;

    $question_ids[$questionNo] = $questionId;
  }

  $imgresults = $_POST['imgid'];
  foreach($imgresults as $imgid => $imgvalue) { 
    $image = $imgvalue;
    $imgquesid = $question_ids[$imgid];  //LINE 305 where error is

    foreach($imgvalue as $image) {
      $insertimagequestion->bind_param("ii",$image, $imgquesid); 
      $insertimagequestion->execute();

      if ($insertimagequestion->errno) { 
        // Handle query error here
        echo __LINE__.': '.$insertimagequestion->error;
        break 2;
      }
    }
  }
  $insertimagequestion->close(); 
  $insert->close();
}

?>

下面是设置演示的代码：

function GetFormImageCount(){ 
  return $('.imageuploadform').length + 1;
}

var qnum = 1;
var qremain = 5;

function insertQuestion(form) {   

  if (qnum > 5)
    return;

  var $tbody = $('#qandatbl_onthefly > tbody');
  var $tr = $("<tr class='optionAndAnswer' align='center'>");
  var $qid = $("<td width='5%' class='qid'></td>").text(qnum);
  var $image = $("<td width='17%' class='image'></td>"); 

  $('.num_questions').each( function() {

    var $this = $(this);

    var $questionNumber = $("<input type='hidden' class='num_questionsRow'>").attr('name',$this.attr('name')+"[]").attr('value',$this.val());

    $qid.append($questionNumber);                             

    ++qnum;    
    $(".questionNum").text(qnum);
    $(".num_questions").val(qnum);

    --qremain;
    $(".questionRemain").text(qremain);
  });

  var $fileImage = $("<form action='imageupload.php' method='post' enctype='multipart/form-data' target='upload_target_image' onsubmit='return imageClickHandler(this);' class='imageuploadform' >" + 
    "<p class='imagef1_upload_form'><label>" + 
    "Image File: <input name='fileImage' type='file' class='fileImage' /></label><br/><br/><label class='imagelbl'>" + 
    "<input type='submit' name='submitImageBtn' class='sbtnimage' value='Upload' /></label>" + 
    "<p class='imagef1_upload_process'>Loading...<br/><img src='Images/loader.gif' /></p>" +
    "<input type='hidden' class='numimage' name='numimage' value='" + GetFormImageCount() + "' />" +
    "</p><p class='imagemsg'></p><p class='listImage'></p>" +
    "<iframe class='upload_target_image' name='upload_target_image' src='/' style='width:0px;height:0px;border:0px;solid;#fff;'></iframe></form>");   

  $image.append($fileImage);

  $tr.append($qid);
  $tr.append($image);  
  $tbody.append($tr);
}

function imageValidation(imageuploadform) {
  var val = $(imageuploadform).find(".fileImage").val();
  switch(val.substring(val.lastIndexOf('.') + 1).toLowerCase()){
    case 'gif':
    case 'jpg': 
    case 'jpeg':
    case 'pjpeg':
    case 'png':
      return true;

    case '':
      $(imageuploadform).find(".fileImage").val();
      alert("To upload an image, please select an Image File");
      return false;

    default:
      alert("To upload an image, please select an Image File");
      return false;
  }
  return false;
}

function htmlEncode(value) { return $('<div/>').text(value).html(); }

function startImageUpload(imageuploadform){
  $(imageuploadform).find('.imagef1_upload_process').show()
  $(imageuploadform).find('.imagef1_upload_form').hide();
  $(imageuploadform).find('.imagemsg').hide();
  sourceImageForm = imageuploadform;

  return true;
}

var imagecounter = 0;

function stopImageUpload(success, imageID, imagefilename) {
  var result = '';
  imagecounter++;

  if (success == 1){
    result = '<span class="imagemsg'+imagecounter+'">The file was uploaded successfully</span>';   
    $('.hiddenimg').eq(window.lastUploadImageIndex).append('<input type="text" name="imgid[]" id="'+imageID+'" value="' + imageID + '" />');
    $('.listImage').eq(window.lastUploadImageIndex).append('<div>' + htmlEncode(imagefilename) + '<button type="button" class="deletefileimage" data-imageID="'+imageID+'"  data-image_file_name="' + imagefilename + '" value="'+imageID+'">Remove</button><br/><hr/></div>');
  }

  $(sourceImageForm).find('.imagef1_upload_process').hide();
  $(sourceImageForm).find('.imagemsg').html(result);
  $(sourceImageForm).find('.imagemsg').show();
  $(sourceImageForm).find(".fileImage").replaceWith("<input type='file' class='fileImage' name='fileImage' />");
  $(sourceImageForm).find('.imagef1_upload_form').show();


  var _imagecounter = imagecounter;

  $('.listImage').eq(window.lastUploadImageIndex).find(".deletefileimage").on("click", function(event) {
    jQuery.ajax("deleteimage.php?imagefilename=" + $(this).attr('data-image_file_name')).done(function(data) {
      $(".imagemsg" + _imagecounter).html(data);
    });

    var buttonid = $(this).attr('value');
    $(this).parent().remove();
    $("#"+ buttonid  +"").remove();
  });

  return true;   
}

function imageClickHandler(imageuploadform){ 
  if(imageValidation(imageuploadform)){ 
    window.lastUploadImageIndex = $('.imageuploadform').index(imageuploadform); 
    return startImageUpload(imageuploadform); 
  }
  return false;
}
</script>
</head>
<body>
  <form id="QandA" action="insertQuestion.php" method="post">
    <table id="question">
      <tr>
        <th colspan="2">
          Question Number <span class="questionNum">1</span>
          <input type="hidden" class="num_questions" name="numQuestion" value="1">
        </th>
      </tr>
    </table>

    <table id="questionBtn" align="center">
      <tr>
        <th>
          <input id="addQuestionBtn" name="addQuestion" type="button" value="Add Question" onClick="insertQuestion(this.form)" />
        </th>
      </tr>
    </table>

  </div><hr/><!-- This Divide close tag has no open tag!-->

  <table id="qandatbl" align="center" cellpadding="0" cellspacing="0" border="0">
    <thead>
      <tr>
        <th width="5%" class="qid">Question Number</th>
        <th width="17%" class="image">Image</th>
      </tr>
    </thead>
  </table>
  <div id="qandatbl_onthefly_container">
    <table id="qandatbl_onthefly" align="center" cellpadding="0" cellspacing="0" border="0">
      <tbody>
      </tbody>
    </table>
  </div>
  <div class="hiddenimg"><!-- All uploaded image file ids go here --></div>
</form>
</body>

通过执行以下 var_dump：

   var_dump($question_ids);
    var_dump($imgresults);

我得到这些结果：

     array(2) { 
        [1]=> int(159)
        [2]=> int(160) 
        } 
array(2) { 
[0]=> string(3) "129"
[1]=> string(3) "130" 
}

奇怪的是 imgresult 的数字从 0 开始，然后是 1，而且我不知道为什么它是字符串，它应该是一个 int。但是如果它来自输入，我是否调用bind_parami or s就像在 db 中一样，它是一个 int 吗？

额外细节：

我没有得到的是这个 mysqli 下面的内容，我生成了一个类似的 mysqli 作为答案，奇怪的是它正确地执行了插入，即使它以 0 开头，就像上面的 image_question 插入一样：

$results = $_POST['value'];
foreach($results as $id => $value) 
{
    $answer = $value;

    $quesid = $question_ids[$id];   

    foreach($value as $answer) 
    {
        $insertanswer->bind_param("is", $quesid, $answer);

        $insertanswer->execute();

        if ($insertanswer->errno) {
            // Handle query error here
            echo __LINE__.': '.$insertanswer->error;
            break 5;
        }
    }
}

var_dump($result) 显示 1 个问题的先前 var 转储：

array(1) { //var_dump($question_ids);
[1]=> int(171) 
} array(1) { //var_dump($imgresults);
[0]=> string(3) "130" 
} array(1) { 
[1]=> array(1) { //var_dump($results);
[0]=> string(1) "B" } } 

我的回答不是针对特定问题，而是针对更广泛的主题。

这与您总体上开展工作的方式有关。
你需要改变它。
瞧，你所有的问题都是走向大有待回答。并且变得更大。但得到的答案却更少。
它让你做出绝望的事情——在问题、赏金、账户上作弊——但一切都是徒劳的。 那是一条无处可去的路。

您需要改变学习的方式以及使用这个优秀网站的方式。
对于任何人来说，了解他们正在使用的工具都非常重要。您必须自己编写代码，只有在真正解决问题时才寻求帮助。
结果，您将理解您的代码。这很重要——了解您的代码的作用。它的每一行。因此，您将能够自己解决问题并修复代码。
否则你注定要为每一个拼写错误寻求帮助，就像在这个例子中一样。

此外，由于您无法挖掘问题的根源，因此您必须在问题中发布大量代码，这使得回答变得复杂。
有三个独立的领域在你的问题中 - JavaScript、PHP 和 Mysql。而问题只属于其中之一。你必须学会​​将你的问题至少分开到这些领域的极限。
JS 是否从客户端发送了错误（意外）的数据？好吧，把所有PHP和Mysql代码收起来，只留下JS。这将有助于 Stackoverflowers 甚至您自己调查问题。
这个数据还好吗？你确定吗？将其打印出来并确保它正是您所期望的。
如果没问题 - 转到 PHP 部分（但不要忘记从问题中删除所有 JS).
等等。

不要用“它没有插入”之类的一般术语来问你的问题，而是要根据特定的数据流来问：“我期待这样的数据进入程序，但我有另一个数据。”
一旦你开始使用它，你将不需要 Stackoverflow 来回答：你将能够将问题追溯到数据意外错误的地方。所以——你找错地方了。

这也非常重要run问题代码。并在您遇到问题的环境中运行它。
运行代码并检查实际结果是更有效率不仅仅是用眼睛看代码.
甚至有可能有些情况只属于你的服务器，其他人不知道，导致他们根本无法回答你的问题。
Also, humans不应该在他们的头脑中运行 PHP 代码。它可以运行几行，但从某些角度来看，运行所有代码是不可能的mentally并找到错误。
这就是为什么运行代码并打印出所有值、函数结果、检查变量状态等如此重要的原因 - 并查找其中的不一致之处。

当然，要使用这种技术，您必须了解哪些数据是正确的，哪些数据不正确。
这就是为什么从头开始编写代码并自己规划如此重要的原因。
如果它是you谁决定什么数据应该来自 JS - 你可以判断它是好还是坏。如果是其他人，你就陷入了死胡同，注定要再次询问，让事情变得更糟。
你需要打破这个恶性循环。
这就是为什么它如此重要——自己编写代码，而不是让别人为你做。

希望对您有所帮助，祝您学习顺利。