Question

我正在使用Krajee的Bootstrap文件输入。

http://plugins.krajee.com/file-input

我完成了将图像放入该输入字段，因此该字段显示了我放入的文件/图像。

现在我尝试添加更多图像并更改参数

MAXFILECOUNT

从1到20，

我没有收到任何错误，但输入字段只显示一个图像，

有谁知道如何解决这个问题？

代码如下所示：

<div class="form-group">
    <label for="LogoImage">pick images</label>
    <input id="input-imgs" name="input-image" type="file" class="file-loading" accept="image/*">
    <div id="kv-success-modal" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title">Success!</h4>
                </div>
                <div id="kv-success-box" class="modal-body"></div>
            </div>
        </div>
    </div>
</div>

和javascript（jquery）：

$("#input-imgs").fileinput({
    uploadUrl: "/site/image-upload",
    allowedFileExtensions: ["jpg", "png", "jpeg"],
    allowedFileTypes: ['image'],
    maxImageWidth: 1000,
    maxFileCount: 20,
    resizeImage: true
}).on('filepreupload', function() {
    $('#kv-success-box').html('');
}).on('fileuploaded', function(event, data) {
    $('#kv-success-box').append(data.response.link);
    $('#kv-success-modal').modal('show');
});

Answer 1

它现在有效，我刚刚添加

非常简单

muliple

在html中。

所以换行：

<input id="input-imgs" name="input-image" type="file" multiple class="file-loading" accept="image/*">

Krajee Bootstrap文件输入maxFileCount图像

1 个答案: