bootstrap 逼死人的 input file multiple 多文件post只能接收到一个

cat7x

于 2019-06-06 15:02:18 发布

阅读量2.2k

点赞数 3

分类专栏： bootstrap 文章标签： bootstrap file

本文链接：https://blog.csdn.net/happy7day/article/details/91043846

版权

Bootstrap 的 input file 多文件上传在实际使用中可能遇到只能接收到一个文件的问题。解决办法是在 file input 的 name 属性后加上 []，并设置 multiple="multiple"。JavaScript 中需配置 uploadUrl 为上传地址，同时确保 uploadAsync 设为 false，限制最大文件数 maxFileCount: 5，并隐藏上传按钮，只显示浏览按钮。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html

<div class="input-append">
     <div class="uneditable-input">
              <i class="fas fa-file fileupload-exists"></i> <span class="fileupload-preview"></span>
     </div>
      <span class="btn btn-default btn-file"> <span class="fileupload-exists">更换</span>

<span  class="fileupload-new">选择文件</span>
 <input type="file" name="file1[]" id="file1" multiple="multiple" />
         </span> <a href="#" class="btn btn-default fileupload-exists"   data-dismiss="fileupload">删除</a>
</div>

<script>
                                $(document).on('ready', function() {
                                $("#file1").fileinput({

最低0.47元/天解锁文章