Cara Menampilkan Ukuran File dari Image Picker di Kodular
0
0
0
0
Setiap melakukan upload file yang terutama gambar, pasti memiliki validasi yang dimana bisa membatasi ukuran file itu sendiri agar tidak semakin beban pada saat proses pengiriman data tersebut ke dalam server (tidak bertipe data Blob atau tidak dikonversikan ke Algoritma BASE 64).
Hal ini biasanya digunakan untuk melakukan pendaftaran yang bersifat rekruitmen seperti upload pas foto, foto KTP, foto KK, dan foto / image yang diperlukan untuk mengurus berkas ke dalam sistem aplikasi. Untuk mencegah terjadi lama proses kirim upload gambar dari aplikasi ke server, maka memberlakukan validasi data untuk memberikan batasan maksimal ukuran file gambar pada setiap upload foto / gambar ke dalam aplikasi.
Penulis memberikan sebuah tutorial dasar yang diharapkan kamu bisa mengembangkan dalam pembuatan aplikasi Android sendiri yang melibatkan validasi batasan filesize pada saat upload gambar yang diambil dari Time Picker.
LANGKAH-LANGKAH
1. Kunjungi situs c.kodular.io
2. Lakukan login secara manual maupun OAtuh System dengan benar.
3. Klik Create Project untuk membuat project baru khusus event klik Label.
4. Berikan nama project yaitu getsizefileimage1, klik Next.
5. Untuk pengaturan tampilan UI aplikasi, Package Name, dan lainnya itu dibiarkan saja dan langsung klik Finish. Tunggu beberapa saat sampai muncul tampilan kerja.
6. Aturlah tata letak khusus Screen menjadi tengah semua.
7. Rancanglah tampilan aplikasi Android yang sesuai pada gambar di bawah ini.
KOMPONEN YANG DIPAKAI :
- 1 unit Label = Komponen ini dipakai untuk menampilkan ukuran file dalam satuan KB.
- 1 unit Image = Komponen ini dipakai untuk menampilkan gambar setelah dipilih dari Image Picker.
- 1 unit Image Picker = Komponen ini dipakai untuk memilih gambar dari galeri yang akan menampilkan ukuran file yang sebenarnya.
- 1 unit File = Komponen ini dipakai untuk mengetahui ukuran file yang ada di dalam file gambar setelah dipilih dari Image Picker (nilai default ukuran file ini satuan Byte).
8. Klik Blocks.
9. Buatlah blok program variabel untuk melakukan replace dari sumber asal file direktori ke file direktori yang sesuai dengan komponen File.
10. Buatlah blok program variabel untuk mengkonversikan ukuran Byte menjadi Kilobyte (KB).
11. Buatlah blok program untuk menampilkan gambar dan ukuran file gambar dalam satuan KB dengan menggunakan rumus di bawah ini.
12. Klik Test >>> Connect to Companion.
13. Masukkan kode Companion ke dalam Aplikasi Kodular Companion yang terpasang di Android.
TAMPILAN HASIL
Pada bagian ini untuk menunjukkan hasil pembuatan aplikasi untuk menampilkan ukuran file gambar yang telah dipilih dari Image Picker.
1. Tampilan hasil awal.
2. Tampilan hasil setelah mengambil gambar dari Image Picker.
Selesai.
PENUTUP
Kamu bisa membuat fitur sendiri dalam pembuatan aplikasi Android dengan Kodular untuk menampilkan ukuran file gambar yang telah dipilih dari galeri melalui Image Picker. Setelah dipilih file gambar tersebut, baru bisa menampilkan ukuran file gambar dalam satuan Byte. Hal ini belum ditampilkan di layar / screen.
Oleh karena itu, tampilan ukuran file gambar tersebut di layar / screen dalam satuan KB (Kilobyte), maka melakukan konversikan satuan dari B (Byte) ke KB (Kilobyte) dengan menggunakan rumus yang tertera diatas. Hal ini berguna untuk memberikan batas maksimal ukuran file gambar dalam mengunggah gambar dari galeri ke aplikasi.
CATATAN :
Pengambilan file gambar atau foto dari galeri hanya berlaku untuk bersumber memori internal (ROM) pada HP Android. Jika, kamu memilih file gambar dari galeri yang bersumber SD Card, maka tampilan blank / kosong.
BACA ARTIKEL LAIN
