html - 在angularJs中制作一个输入附加按钮作为文件附件按钮

Question

我正在尝试将输入附加按钮制作为 angularJs 中的文件附件按钮。 html 代码显示“添加文件”按钮，单击该按钮时必须打开一个文件浏览窗口，其行为与 .

用于创建输入插件的代码:

    <div class="form-group">
                            <label class="col-sm-4 col-md-3 col-lg-3 control-label informationCollect">Attachments</label>
                            <div class="col-sm-6 col-lg-6 col-md-3">
                                <div class="input-group">
                                    <input class="form-control">
                                    <span class="input-group-btn">
                                        <button class="btn btn-secondary" type="button"><span>Add File</span></button>
                                    </span>
                                </div>
                            </div>
                        </div>

Answer 1

这是您要找的吗？

<label for="fileInput" class="btn btn-secondary">
  Add File
</label>
<input type="file" style="display: none"  id="fileInput" />