HelioCentre

Kumpulan tips & artikel memudahkan pekerjaan

Tag: PHP

Kanban board berbasis Javascript, fungsional dan gratis

Kali ini saya ingin membagikan komponen Kanban Board Javascript untuk memperkaya UI dan UX situs kita.

Di internet banyak dijumpai komponen Kanban Board berbasis Javascript namun tidak semuanya gratis.

Saya menggunakan komponen papan Kanban yang menarik, sederhana dan gratis di laman Bootstrap Snippet Kanban Board.

Walaupun tidak kaya akan fitur, tapi papan Kanban ini memiliki penampilan yang menarik, script yang tidak rumit dan mudah diterapkan karena berbasiskan Bootstrap dan JQuery.

Pada artikel ini, saya ingin memperkaya komponen papan Kanban ini dengan integrasi ke database untuk merekam posisi setiap item saat berpindah-pindah kolom.

Continue reading

Cara mengirimkan nama-nama file dari Dropzone.JS ke PHP

Ada sebuah elemen dari HTML FORM yang penampilannya menarik dan menggemaskan untuk mengunggah file yaitu Dropzone.JS.

multiple file dropzone ke php

Elemen Dropzone.JS ini saya gunakan ketika membuat sebuah aplikasi berbasis web bersama elemen FORM lainnya.

Aplikasi yang saya bangun menggunakan framework CodeIgniter.

Dropzone.JS memungkinkan kita mengunggah banyak (multiple) file sekaligus, juga tampilan preview-nya untuk file unggahan yang berbentuk gambar.

Artikel ini akan menunjukkan bagaimana caranya mengirimkan nama multiple file dari Dropzone JS ke PHP, dimana Dropzone.JS tersebut sebagai elemen kesatuan dari sebuah FORM, ke sebuah fungsi pengolah FORM di PHP Anda.

Continue reading

Multiple file Dropzone ke PHP #2

Photo by Ambar Simpang on Unsplash

Controller mitra/attachments

public function attachments() {
     if (!empty($_FILES)) {
          $tempFile = $_FILES['userfile']['tmp_name'];
          $targetFile = './assets/mitra-attachments/'.$_FILES['userfile']['name'];
          move_uploaded_file($tempFile,$targetFile);
     }
}

Controller mitra/attachmentsDel

public function attachmentsDel() {
     // Dipanggil via AJAX saat remove file dari Dropzone.JS 
     unlink('./assets/mitra-attachments/'.$this->input->post('f'));
}

Pengembangan dari fungsi controller mitra/attachmentsDel adalah saat berikutnya update isi dari FORM.

Misalnya dulu si pengguna telah mengunggah file A kemudian di simpan dan selesai. Saat ini pengguna ingin memperbarui dan mengganti file A dengan file B, maka di database record-nya harus di-update.

Saat FORM SUBMIT

Sekarang apa yang terjadi saat pengguna menekan tombol Send yang berarti FORM SUBMIT?

Semua nilai (value) dari elemen-elemen dari FORM tersebut akan diproses oleh aplikasi termasuk semua nama-nama file yang dimasukkan via Dropzone.JS dan itu sudah final.

Artinya sudah siap untuk disimpan di database.

Demikian artikel mengenai cara mendapatkan nama multiple file yang diunggah dengan Dropzone.JS semoga membantu.

Salam Koding.

Kembali ke artikel utama.

© 2019 HelioCentre

Theme by Anders NorenUp ↑

error: Dilarang menduplikat materi.