У меня есть мультипольный javascript, использующий ajax, поэтому, когда я добавляю второй раздел, я не могу загрузить файл с помощью мультиполя начальной загрузки. Ниже приведен мой код. Я застрял, может ли кто-нибудь помочь мне, пожалуйста.эти данные, так что даже когда я свеж, ничего не будет
<div class="form-row" id="directors_fields">
<div class="row group">
<div class="col-md-4 mb-3">
<label for="validationServer023">
Director Name As in CR12</label>
<input type="text" class="form-control is-valid" name="director_name[]" id="director_name" placeholder="Director name" value="{{ old('director_name[]') }}" required data-parsley-error-message="Please Fill the Director Name">
<div class="valid-feedback">
</div>
</div>
<div class="col-md-4 mb-3">
<label for="validationServer023">Director NO</label>
<input type="text" class="form-control is-valid" name="director_NO[]" id="director_NO" placeholder="Director NO" value="{{ old('director_NO[]') }}" required data-parsley-error-message="Please Fill the Director NO">
<div class="valid-feedback">
</div>
</div>
<input type="hidden" name="mypin_unique_field" value="{{Auth::user()->myPIN}}">
<div class="col-md-4 mb-3">
<label for="validationServer023">Director my PIN</label>
<input type="text" class="form-control is-valid" name="director_my_pin[]" id="director_my_pin" placeholder="Director my PIN" required data-parsley-error-message="Please Fill the Director my PIN">
<div class="valid-feedback">
</div>
</div>
<div class="col-md-4 mb-3">
<label for="validationServer024">Select Your Gender</label>
<div class="form-group">
<select class="custom-select browser-default" id='gender' name="gender[]" required data-parsley-error-message="Select the Director Gender">
<option value="">Open select Gender</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
<div class="invalid-feedback">Select your gender</div>
</div>
</div>
<div class="col-md-2 mb-3">
<label for="validationServer025">DOB</label>
<div class="form-group">
<span>
<select name="date[]">
<?php
for ($m = 1; $m <= 12; ++$m) {
$month_label = date('F', mktime(0, 0, 0, $m, 1));
?>
<option value="<?php echo $month_label; ?>"><?php echo $month_label; ?></option>
<?php } ?>
</select>
</span>
<span>
<select name="date[]">
<?php
$start_date = 1;
$end_date = 31;
for ($j = $start_date; $j <= $end_date; $j++) {
echo '<option value=' . $j . '>' . $j . '</option>';
}
?>
</select>
</span>
<span>
<select name="date[]">
<?php
$year = date('Y');
$min = $year - 69;
$max = $year;
for ($i = $max; $i >= $min; $i--) {
echo '<option value=' . $i . '>' . $i . '</option>';
}
?>
</select>
</span>
</div>
</div>
<div class="col-md-4 mb-3">
<label for="validationServer024">Director Level of Education</label>
<div class="form-group">
<select class="custom-select browser-default" id='gender' name="director_education[]" required data-parsley-error-message="Select Director Education">
<option value="">Open select Level of Education</option>
<option value="Primary">Primary</option>
<option value="Secondary">Secondary</option>
<option value="Tertiary">Tertiary</option>
<option value="University">University</option>
</select>
<div class="invalid-feedback">Select your Education Level</div>
</div>
</div>
<div class="col-md-2 mb-2">
<label for="seeAnotherField">Disability Status</label>
<div class="form-group">
<select class="custom-select browser-default" id='seeAnotherField' name="disability_status[]" required>
<option value="">Select Disability Status</option>
<option value="yes">Yes</option>
<option value="no">No</option>
</select>
</div>
</div>
<div class="col-md-4 mb-3">
<label for="validationServer023">Upload general Certificate </label>
<div class="form-group">
<div content="{{ csrf_token() }}" class="input-group input-file" name="Fichier1">
<input id="file-0a" name="general_cert[]" value="" class="file" accept="text" type="file" required> <br />
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<label for="validationServer024">Upload my PIN Certificate</label>
<div class="form-group">
<div content="{{ csrf_token() }}" class="input-group input-file" name="Fichier1">
<input id="file-0b" name="my_PIN_cert[]" class="file" accept="text" type="file" required> <br />
</div>
</div>
</div>
<div class="col-md-3">
<button type="button" class="btn btn-danger btnRemove4">Remove Director</button>
</div>
</div>
<div class="row">
<div class="col-md-12"><button type="button" id="btnAdd-4" class="btn btn-primary">Add More Directors</button></div>
<!-- <button style="background-color:green;" class="add_field_button btn btn-info active">Add More Directors</button> -->
</div>
</div>
, это мой javascript для ввода многопользовательского и загрузочного файла.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src={{asset('../../vendor/js/jquery.multifield.js')}}></script>
<script>
$('#directors_fields').multifield({
section: '.group',
btnAdd:'#btnAdd-4',
btnRemove:'.btnRemove4',
allowClear: true,
max: 9
}) ;
</script>
<!-- bootstrap file input script file -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.7/js/fileinput.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-fileinput/4.4.7/themes/fa/theme.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" type="text/javascript"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" type="text/javascript"></script>
<!-- bootstrap file input script file ends here-->
<script>
var footerTemplate = '<input type="text" name="applications_id" value="{{$applications_id->applications_id}}" readonly>';
$("#file-0a").fileinput({
// initialPreview: [
// "<img src='/images/phpB4Ihdj.pdf' class='file-preview-image'>",
// ],
showUpload: true,
showRemove: true,
showCaption: true,
showPreview: true,
showClose: false,
autoOrientImage: true,
showUploadedThumbs: false,
uploadAsync: false,
uploadUrlThumb: false,
layoutTemplates: {footer: footerTemplate},
deleteUrl: "/public/",
uploadUrl: "/uploadImages2/{applications_id}",
// dataUrl: "/breg_cert/",
// uploadUrl: '/public/', // you must set a valid URL here else you will get an error
theme: 'fa',
uploadExtraData: function() {
var value='{{$applications_id->applications_id}}'
return {
_token: "{{ csrf_token() }}",
applications_id:value,
};
},
allowedFileExtensions: ['jpg', 'png', 'gif', 'pdf', 'jpeg'],
overwriteInitial: false,
maxFileSize: 500,
maxFilesNum: 10,
//allowedFileTypes: ['image', 'video', 'flash'],
slugCallback: function (filename) {
return filename.replace('(', '_').replace(']', '_');
}
});
$("#file-0b").fileinput({
showUpload: true,
showRemove: true,
showCaption: true,
showPreview: true,
showClose: false,
autoOrientImage: true,
showUploadedThumbs: false,
uploadAsync: false,
uploadUrlThumb: false,
layoutTemplates: {footer: footerTemplate},
deleteUrl: "/public/",
uploadUrl: "/uploadImages2/{applications_id}",
//uploadUrl: '/public/', // you must set a valid URL here else you will get an error
theme: 'fa',
uploadExtraData: function() {
var value2='{{$applications_id->applications_id}}'
return {
_token: "{{ csrf_token() }}",
applications_id:value2,
};
},
allowedFileExtensions: ['jpg', 'png', 'gif', 'pdf', 'jpeg'],
overwriteInitial: false,
maxFileSize: 500,
maxFilesNum: 10,
//allowedFileTypes: ['image', 'video', 'flash'],
slugCallback: function (filename) {
return filename.replace('(', '_').replace(']', '_');
}
});
</script>