Я использую платформу CakePHP 3 и включил в нее ввод файла Bootstrap.
Вот мой код:
$('#my-file-upload').fileinput({
theme: 'fa',
language: 'en',
uploadUrl: '#',
showUpload: false,
showRemove: true,
allowedFileExtensions: ['jpg', 'png', 'gif'],
removeFromPreviewOnError: true,
deleteExtraData: true,
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/javanto/jquery-fileinput/3.1.0/dist/jquery.fileinput.min.js"></script>
<div class="col-md-8 col-sm-10 col-xs-12 message-bottom">
<div class="add-new-box-inner message-layout-bottom">
<div class="form-group">
<div class="row">
<div class="col-md-2 col-sm-3 col-xs-12">
<label>Upload Image(s)</label>
</div>
<div class="col-md-10 col-sm-9 col-xs-12">
<div class="file-loading">
<?php echo $this->Form->file('thread_images[]',['id'=>'my-file-upload','label'=>false,'type'=>'file', 'multiple' => 'multiple']); ?>
</div>
</div>
</div>
</div>
</div>
</div>
Все работает нормально, когда я просматриваю изображение и сохраняю его.Но функция перетаскивания изображения в этом случае не работает.
Также большая проблема заключается в том, что когда я загружаю изображение с помощью кнопки обзора и снова загружаю второе изображение тем же способом, то оно отправляет только последнее изображение.
в чем проблема, может кто-нибудь показать мне правильный путь?