0
我有一个表格上传大量的信息和文件上传multiupload像这样:如何获得FORMDATA和数据参数form.serialize关于Ajax的jQuery
<div class="col-md-4">
<div class="form-group">
<label class="control-label col-md-3">Location</label>
<div class="col-md-9">
<?php
$location = array(
"type" => "text",
"name" => "location",
"id" => "location",
"class" => "form-control"
);
echo form_input($location);
?>
<span class="help-block"></span>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label class="control-label col-md-2">Warehouse</label>
<div class="col-md-10">
<?php
foreach ($tipe as $v):
echo "<label class='checkbox-inline'><input type='checkbox' name='tipe[]' value='$v->ID_CHECK_LIST'>$v->NAMA_CHECK_LIST</label>";
endforeach;
?>
<p class="help-block"></p>
</div>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label class="control-label col-md-2">Image If Damage</label>
<div class="col-md-4">
<input type="file" multiple="" name="images[]">
<p class="help-block"></p>
</div>
</div>
现在,我需要使用ajax发送它们。我已经尝试$(form).serialized(),但$ _FILES是空的,所以我使用FormData类。但FormData只是处理文件,而不是另一个输入。我如何设置aja参数中的数据来处理文件和其他输入。
这是AJAX的jQuery
$('#form').submit(function() {
$('#btnSave').text('saving...'); //change button text
$('#btnSave').attr('disabled', true); //set button disable
var url;
var formData = new FormData(this);
if (save_method === 'add') {
url = "<?php echo site_url('members/it/Request/ajax_add') ?>";
} else {
url = "<?php echo site_url('members/megumi/cek_list_wire_rod/ajax_update') ?>";
}
// ajax adding data to database
$.ajax({
url: url,
type: "POST",
data: formData,
processData: false,
contentType: false,
$('#form').serialize(),
dataType: "JSON",
success: function (data)
{
if (data.status) //if success close modal and reload ajax table
{
$('#modal_form').modal('hide');
reload_table();
} else
{
for (var i = 0; i < data.inputerror.length; i++)
{
$('[name="' + data.inputerror[i] + '"]').parent().parent().addClass('has-error'); //select parent twice to select div form-group class and add has-error class
$('[name="' + data.inputerror[i] + '"]').next().text(data.error_string[i]); //select span help-block class set text error string
}
}
$('#btnSave').text('Save'); //change button text
$('#btnSave').attr('disabled', false); //set button enable
},
error: function (jqXHR, textStatus, errorThrown)
{
alert('Error adding/update data');
$('#btnSave').text('save'); //change button text
$('#btnSave').attr('disabled', false); //set button enable
}
});
return false;
});
任何帮助它如此赞赏。
我认为你必须使用的enctype =形式多/ FORMDATA属性 –
是的,我有,但还是没有结果 –
这就是加密类型:多/ FORMDATA(只是想在有人从之前的评论中复制和粘贴之前指出错字) –