在angularJs中创建一个输入附加按钮作为文件附件按钮

问题描述：

我想在angularJs中将一个输入附加按钮作为文件附件按钮。该html代码显示按钮“添加文件”，点击时必须打开一个文件浏览窗口并且行为与。在angularJs中创建一个输入附加按钮作为文件附件按钮

代码用于创建输入插件：

<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>

你尝试''而不是你的按钮？ – GOB

是的，我试过，但是它在做什么是在输入字段中显示“选择文件”按钮，当我们使用时出现的默认按钮，但我不想我在输入字段中有ADD FILE按钮，我想让按钮的功能就像当我们点击它时必须打开显示我们本地机器文件的文件浏览窗口。 – sakshi

是的，我尝试过，但它在做什么是在输入字段中显示“选择文件”按钮，当我们使用这个时出现的默认按钮，但我不想我在输入字段中有ADD FILE按钮，我想让按钮的功能就像当我们点击它时必须打开显示我们本地机器文件的文件浏览窗口。 – sakshi

答

这是你在找什么？

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

在angularJs中创建一个输入附加按钮作为文件附件按钮

相关推荐