bootstrap fileinput 传大一点的Excel文件就失败问题，以及解决方案

最新推荐文章于 2021-08-07 00:37:04 发布

原创最新推荐文章于 2021-08-07 00:37:04 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种解决在使用fileinput.js进行大文件上传时遇到的文件大小限制问题的方法，通过将maxFileSize设置为0取消文件大小限制，实现了对任意大小文件的上传支持。

小于20M的Excel可以，但是大一点的就提示如下报错，大家遇到过没？

我试着修改：

fileinput.js中如下内容也不行，这是怎么回事儿？

请大神指教！

问题已经解决：

<div class="row">
    <div class="col-lg-12">
        导入手机号[支持TXT格式]：
        <input id="fileinput_up" type="file" multiple name="uploadfile">
        <input type="hidden" id="flag" value="0">
        <br/>
    </div>
</div>

使用下面js代码进行拦截，maxFileSize设置成0，不限制即可。

<script>
   $("#meType").attr("disabled","disabled");

   // 文件初始化
   $('#fileinput_up').fileinput({
       language: 'zh', // 设置语言
       uploadUrl: '${ctx}/sendtask/phone', // 上传的地址
       allowedFileExtensions: ['txt'],// 接收的文件后缀, 'png', 'gif'
       uploadAsync: true,//是否为异步上传
       showPreview: false, //是否显示预览
       enctype: 'multipart/form-data',
       browseClass: "btn btn-primary", // 按钮样式
       maxFileCount: 1, //表示允许同时上传的最大文件个数
       maxFileSize: 0,//单位为kb，如果为0表示不限制文件大小
       overwriteInitial:false,//不覆盖已存在的图片
       previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
   }).on("fileuploaded", function (event, data, previewId, index) {
       if (data.response.resultCode == "0000") {
           $("#flag").val("1");
            alert("上传成功！")
       } else {
           $("#flag").val("0");
           alert("上传失败！");
       }
   });
</script>