Question

我有一个包含多个字段的表单。此外，正在使用ajax通过表单数据方法将表单提交到php文件。

以下是提交表单数据的javascript代码。我正在每个输入文件中上传多个文件，并且需要在带有文件数组的Submit上发送ID ...每次我上传文件时以及单击Submit I时正在获取foreach循环的最后一次迭代Referral_id。...请有人帮我弄错我的地方......

<form method="post" action="" enctype="multipart/form-data" id="uploadforms" onsubmit="return submitForm();">
<?php 
  foreach($result as $value)
 {?>
<div class="form-group">
    <h2>Choose Files</h2>
    <h3><?php echo $value->test_name;?></h3>
    <input type="file" name="files[]" class="form-control filein" id="files" multiple />
    <input type="text" name="referral_id" class="form-control" value="<?php echo $value->ID;?>" />
</div>
<div class="form-group">
    <input type="submit" name="fileSubmit" value="UPLOAD" data-referralid="<?php echo $value->ID;?>" id="submitbtn"/>
</div>
<?php 

}
?>
</form>

我想发布在提交输入中传递的referral_id。...我没有收到错误....正在提交数据，但是当我上传第一个迭代提交按钮并提交表单时，我得到了最后一个迭代Referral_id。假设Referral_id的排列为$ referral_id = array（1、2、3、4）;每次我提交时，我都会得到4的输出

$("form").submit(function(evt){   
evt.preventDefault();
var referral_id=$("#submitbtn").data('referralid');
alert(referral_id);
var formData = new FormData($('#uploadforms')[0]);
console.log(formData);
$.ajax({
url: '<?php echo base_url("Upload_Files1"); ?>',
type: 'POST',
data: {referral_id: referral_id, files: formData},
async: false,
cache: false,
contentType: false,
enctype: 'multipart/form-data',
processData: false,
success: function (response) {
alert(response);
}
});
return false;
});

Answer 1

我得到了输出

for (const pageItem of this.myClassCollection) {
            pageItem.classList.remove('hide');
        }

Ajax脚本

<form method="post" action="" enctype="multipart/form-data" id="uploadforms" onsubmit="return submitForm();">
<?php 
  foreach($result as $value)
 {?>
<div class="form-group">
    <h2>Choose Files</h2>
    <h3><?php echo $value->test_name;?></h3>
    <input type="file" name="files[]" class="form-control filein" id="files" multiple />
    <input type="text" name="referral_id" class="form-control" value="<?php echo $value->ID;?>" />
</div>
<div class="form-group">
    <input type="submit" name="fileSubmit" value="UPLOAD" data-referralid="<?php echo $value->ID;?>" id="submitbtn"/>
</div>
<?php 

}
?>
</form>

表单数据通过Ajax与foreach一起上传多个文件

1 个答案: