Question

我正在使用CakePHP 3框架，我在其中包含了Bootstrap文件输入。

这是我的代码：

＆＃13;

$('#my-file-upload').fileinput({
  theme: 'fa',
  language: 'en',
  uploadUrl: '#',
  showUpload: false,
  showRemove: true,
  allowedFileExtensions: ['jpg', 'png', 'gif'],
  removeFromPreviewOnError: true,
  deleteExtraData: true,
});

＆＃13;

<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>

＆＃13;

当我浏览图像并保存时，一切正常。但拖放图像功能在此不起作用。

另一个很大的问题是，当我通过浏览按钮上传图像并再次使用相同的方式上传第二张图像时，它只提交最后一张图像。

问题是什么，有人能告诉我正确的方法吗？

bootstrap fileinput拖放图像不起作用

0 个答案: