2017-09-27 1 views
0

Ich versuche, eine Eingabe Add-on-Schaltfläche als Dateianhang Schaltfläche in angularJs zu machen. Der HTML-Code zeigt die Schaltfläche "Datei hinzufügen", die beim Anklicken ein Dateisuchfenster öffnen muss und sich wie folgt verhält.Machen Sie eine Eingabe-Add-on-Schaltfläche als Dateianhang Schaltfläche in eckigenJs

-Code verwendet Input-Addon zu erstellen:

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

Haben Sie versucht, '' statt Ihrer Taste? – GOB

+0

Ja, ich habe versucht, aber was es tut, ist in das Eingabefeld zeigt es die Schaltfläche "Datei auswählen" die Standardschaltfläche, die kommt, wenn wir diese verwenden, aber ich will nicht Ich habe die Schaltfläche ADD FILE im Eingabefeld, und ich möchte die Funktionalität dieser Schaltfläche wie bei einem Klick darauf ändern, dass sie das Dateisuchfenster öffnen muss, in dem Dateien unseres lokalen Rechners angezeigt werden. – sakshi

+0

Ja, ich habe es versucht, aber was es macht, ist im Eingabefeld zeigt es die Schaltfläche "Datei auswählen" die Standardschaltfläche, die kommt, wenn wir diese verwenden, aber ich will nicht Ich habe die Schaltfläche ADD FILE im Eingabefeld, und ich möchte die Funktionalität dieser Schaltfläche wie bei einem Klick darauf ändern, dass sie das Dateisuchfenster öffnen muss, in dem Dateien unseres lokalen Rechners angezeigt werden. – sakshi

Antwort

0

Ist das, was Sie suchen?

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

Verwandte Themen