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

來源

2017-09-27 sakshi

你嘗試'<輸入名稱= 「MYFILE」類型= 「文件」>'而不是你的按鈕？ – 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" />

來源

2017-09-28 06:18:20 GOB

在angularJs中創建一個輸入附加按鈕作爲文件附件按鈕

回答

相關問題