Kursus Singkat 101
10 Modul
5 Minggu

Pemetik file

Klik untuk menyalin

Komponen filepicker dalam aplikasi web


Dalam modul baru, kami akan terus mengeksplorasi kemungkinan proses bisnis. Kami akan mencari tahu situasi yang lebih kompleks daripada operasi matematika sederhana. Kami akan mempelajari operasi perbandingan, percabangan, dan operasi siklus. Dan juga, kami akan mencari cara untuk bekerja dengan file dan menganalisis isinya.

Untuk melakukan ini, bayangkan tugas kita adalah mengembangkan jaringan sosial kita sendiri. Tentu saja, tidak sekaligus, desain profil pengguna akan cukup.

Desain keseluruhan

Mari kita mulai dengan desain keseluruhan. Kita perlu mendesain halaman dan menambahkan elemen yang diperlukan. Masalah serupa sudah diselesaikan selama pengerjaan modul ke-6, jadi kami tidak akan menjelaskan semua langkah lagi. Biarkan ini menjadi kesempatan lain untuk mengkonsolidasikan pengetahuan dalam praktik.

Bayangkan seorang pengguna dapat menambahkan avatar ke profil mereka, menentukan login, dan juga mengisi informasi biografi. Tetapi ada satu syarat - mereka tidak dapat dimasukkan secara langsung (semua bidang input memiliki parameter Disabled = true ); mereka harus dimuat dari file.

Pemetik file

Blok Filepicker dapat digunakan untuk bekerja dengan file di AppMaster . Ini bagus dalam kebanyakan situasi dan memungkinkan Anda untuk menentukan berbagai pengaturan dan memilih tampilan. Tetapi fakta menggunakannya mungkin tidak cocok untuk desain yang Anda rencanakan untuk diterapkan. Oleh karena itu, dalam contoh kami, kami akan menggunakan metode yang berbeda dan membuat kemampuan untuk mengunggah file tanpa Filepicker dan bahkan tanpa tombol eksplisit.

Kami akan menggunakan pemicu Container onClick di wadah utama untuk melakukan ini. Setiap klik pada wadah atau elemennya akan memulai proses bisnis ini. Dan kita harus mulai dengan memilih file. Untuk melakukan ini, kita akan menggunakan blok Select Files . Keunikannya adalah blok ini membutuhkan partisipasi pengguna untuk eksekusinya. Proses akan dilanjutkan hanya setelah pengguna memilih file. Atur parameter Max files = 99 untuk dapat memilih banyak file.

Rencananya adalah bagi pengguna untuk mengirimkan dua file secara bersamaan. Yang pertama adalah gambar untuk ditetapkan sebagai avatar. Yang kedua adalah file Excel (xlsx) dengan data lainnya.

Was this article helpful?
Masih mencari jawaban?