Upload File dengan AngularJS dan NodeJS Part 2

 

Home

Angular Node File Upload

 

Single Image with validations
type="file"
ngf-select
ng-model="up.file"
name="file"
ngf-pattern="'image/*'"
accept="image/*"
ngf-max-size="20MB"
/>
Image thumbnail:
*required

File too large
{{up.file.size / 1000000|number:1}}MB: max 20M
submit

{{up.progress}}

 

 

 

Di sini kita telah menyatakan app sudut kami sebagai FileUpload. Kami menggunakan kontroler-sebagai sintaks ng-controller = "MyCtrl sebagai up". Dinamakan formulir kami sebagai nama = "up.upload_form".
Berikutnya kami telah menambahkan jenis input file, yang akan memungkinkan kita untuk memilih file. Di atas itu kami telah menambahkan beberapa arahan yang diberikan oleh ng-file-upload, menjelaskan sebagai berikut.
ngf-pilih
: Menunjukkan jenis seleksi pilih. Drag dan drop juga tersedia.
ngf-pola
: Pola untuk mencocokkan, jenis file. (Misalnya: "'image / *'" untuk gambar)
ngf-max-size
: Ukuran file maksimum diperbolehkan untuk diupload.
Kami juga telah menambahkan ng model sebagai up.file.
Berikutnya kita menampilkan thumbnail dari file yang dipilih menggunakan direktif ngf-thumbnail.
Di bawah ini yang kami telah menambahkan pesan kesalahan-validasi untuk menampilkan. Akhirnya kita memiliki tombol submit dan kami juga menunjukkan kemajuan upload.
Di bagian bawah perpustakaan dimuat dan berkas main.js. app sudut kami