Question

我一直在用这个：

http://plugins.krajee.com/file-basic-usage-demo

这是一个文件上传小部件，我想知道如何做到这一点，以便用户可以单击按钮并生成另一个文件上传输入（但隐藏限制，例如10）。所以，比方说，我有以下内容：

<div class="form-group row">
    <label for="file1_recipient" class="col-xs-2 col-form-label">Upload Photo (1)</label>
    <div class="col-xs-10">
        <input id="file1_recipient" type="file" class="file">
    </div>
</div>

我希望用户点击并获取：

<div class="form-group row">
    <label for="file1_recipient" class="col-xs-2 col-form-label">Upload Photo (1)</label>
    <div class="col-xs-10">
        <input id="file1_recipient" type="file" class="file">
    </div>
</div>

<div class="form-group row">
    <label for="file2_recipient" class="col-xs-2 col-form-label">Upload Photo (2)</label>
    <div class="col-xs-10">
        <input id="file2_recipient" type="file" class="file">
    </div>
</div>

如果他们再次点击，他们会得到三个，依此类推，直到10.如何做到这一点？

Answer 1

id中

document元素应该是唯一的。您可以从初始id元素中删除<input type="file">，使用.clone()，.last()，.insertAfter()创建原始元素的克隆，并将克隆元素追加到{{1在最后document元素之后。您可以创建变量，例如.form-group。注册var limit = 10点击后，将10 button属性设置为disabled，在"disabled"致电.off("click")。您可以使用button，.text(function)来增加带有.replace()的克隆<label>元素的括号内的数字，其中current + 1是从{{1}增加的变量直到current：在0事件处理程序达到limit。

click

如何通过单击让用户添加另一个上传输入？

1 个答案: