.Net Core Web Api ve Angular 4 / 2 ile Dosya Yükleme
Herkese merhaba! Angular 4 ve ASP.NET Core Web Api kullanarak geliştirdiğim uygulamamda dosya yükleme işlemi için epey bir zaman harcadım. Belki bu yazı sayesinde size zaman tasarrufu ettirebilirim. 1. Angular 2/4 Front End Bölümü Basitçe, bir butonla tetikleyebileceğimiz ara yüzü oluşturalım. < input # fileInput type = "file" /> < button ( click )= "addFile()" > Add </ button > 2. Angular 2 / 4 Component Bölümü Buradaki ViewChild alanı html sayfasındaki input'umuza bir referanstır. @ ViewChild ( "fileInput" ) fileInput ; addFile (): void { let fi = this . fileInput . nativeElement ; if ( fi . files && fi . files [ 0 ]) { let fileToUpload = fi . files [ 0 ]; this . uploadService . upload ( fileToUpload ) . subscribe ( res => { console . log ( res ); }); } } 3. Angular 2 / 4 Dosya Yükleme Servisi Angular4 uygulamanızda api ile iletişim kurduracağınız bir servi