无法自定义引导文件输入答案

【问题标题】：Unable to customize bootstrap file-input无法自定义引导文件输入
【发布时间】：2016-12-13 17:34:21
【问题描述】：

我正在尝试在 asp.net 中实现引导文件输入表单GitHub。

下面是我的 .aspc 文件代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

        <link href="Content/bootstrap.min.css" rel="stylesheet" />
    <script src="Scripts/bootstrap.min.js"></script>
    <script src="bootstrap-fileinput/js/fileinput.js"></script>
    <link href="bootstrap-fileinput/css/fileinput.css" rel="stylesheet" />
    <title></title>
     <script>
         $("#input-id").fileinput({
             'showUpload': false,
             'maxFileCount': 5,
             'showPreview': false,
             'mainClass': "input-group-lg"
         });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="input-id" type="file" class="file-loading" multiple>

    </div>
    </form>
</body>
</html>

它有效。但我需要自定义它。

我不想预览文件（'showPreview': false）
我不想显示上传按钮（'showUpload': false）
我想限制文件数（'maxFileCount': 5）

我已经使用了定制所需的插件。

但我仍然获得默认预览/输出。

有人可以帮忙吗？

感谢您的帮助。

【问题讨论】：

标签： javascript jquery asp.net bootstrap-file-upload

【解决方案1】：

您的代码有小错误。您需要在输入标签中添加“multiple”指令并将类更改为：“file-loading”。

<form id="form1" runat="server">
  <div>
    <input id="input-id" type="file" class="file-loading" multiple>
  </div>
</form>

这是一个工作演示：https://jsfiddle.net/16jut54d/

【讨论】：

您包括哪些外部 css 和 js 文件？
我已经按照你说的更新了我的代码。现在我得到的只是输出的 gif 加载图像:(
并且使用相同的输入，它会在 jsfiddle.net 上提供正确的输出。这怎么可能！
如果您在 jsfiddle 中单击外部资源，您将看到所有这些资源。基本上，引导 js 和 css 以及文件输入 js 和 css。另外，也许可以创建自己的 jsfiddle 以查看它是如何实现的。