无法自定义 bootstrap 文件输入

Question

我正在尝试在 asp.net 中实现 bootstrap 文件输入表单 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)

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

但我还是默认了 preview/output。

有人可以帮忙吗？

感谢您的帮助。

Answer 1

您的代码有小错误。您需要将 "multiple" 指令添加到您的输入标签并将 class 更改为："file-loading".

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

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

无法自定义 bootstrap 文件输入

Unable to customize bootstrap file-input

javascript

asp.net

jquery

bootstrap-file-upload