बटन से इनपुट फ़ाइल की क्लिक इवेंट ट्रिगर कैसे करें कोणीय 2 में क्लिक करें?

Question

<input type="file" accept="image/*"> 
 

 
<button>Upload file</button>

कोणीय 2 में बटन के क्लिक करें घटना से इनपुट प्रकार = फ़ाइल की स्थिति पर क्लिक करें कैसे गति प्रदान करने के?

Answer 1

आप टेम्पलेट संदर्भ चर लाभ उठा सकते हैं इस प्रकार है:

<input type="file" accept="image/*" #file> 
<button (click)="file.click()">Upload file</button> 

इसी plunkr यहाँ है https://plnkr.co/edit/JB4HY0oxEUgXXIht2wAv?p=preview

Answer 2

आप करते #file & के रूप में इनपुट फ़ाइल क्षेत्र के लिए चर घोषित किया जा सकता था उसके बाद ही परिवर्तन दाखिल करना कार्य करने के लिए अपलोड की गई फ़ाइल को पास करने के लिए upload फ़ंक्शन पर कॉल करें।

<input #file type="file" accept="image/*" (change)="upload(file.files)"> 

<button #upload (click)="file.click()">Upload file</button>