Upload Banyak Gambar Sekaligus di Drupal Menggunakan Plupload
Dengan menggunakan Pluupload kita bisa dengan mudah memasukan/upload banyak gambar sekaligus ke dalam sebuah artikel atau content type tertentu yang sudah kita set untuk keperluan upload gambar. Pluupload mungkin akan sangat berguna sekali terutama untuk situs web drupal yang isi atau konten websitenya memerlukan banyak gambar/foto, bila melakukan upload foto/gambar satu – persatu tentunya akan sangat merepotkan, sedangakn bila menggunakan Pluupload tentunya pekerjaan kita akan menjadi lebih ringan dan efisien.
Dalam tutorial kali ini Saya menggunakan Drupal 7.43 sehingga mungkin akan sedikit berbeda caranya bila Anda menggunakan Drupal versi diatasnya. Kemudian disini juga untuk text editor yang saya gunakan adalah CKEditor, jadi module text editor ini juga perlu ditambahkan terlebih dahulu, sebelum memparaktikan tutorial ini. Instalasi dan konfigurasi CKEditor bisa And abaca pada artikel : Menambahkan Text Editor Baru Ke CMS Drupal
Untuk dapat mengaktifkan, menajalankan atau menggunakan Plupload di Drupal, ada beberapa module yang perlu Anda persiapkan/instal diantaranya :
Dalam tutorial kali ini Saya menggunakan Drupal 7.43 sehingga mungkin akan sedikit berbeda caranya bila Anda menggunakan Drupal versi diatasnya. Kemudian disini juga untuk text editor yang saya gunakan adalah CKEditor, jadi module text editor ini juga perlu ditambahkan terlebih dahulu, sebelum memparaktikan tutorial ini. Instalasi dan konfigurasi CKEditor bisa And abaca pada artikel : Menambahkan Text Editor Baru Ke CMS Drupal
Untuk dapat mengaktifkan, menajalankan atau menggunakan Plupload di Drupal, ada beberapa module yang perlu Anda persiapkan/instal diantaranya :
IMCE bisa berjalan tanpa bantuan Plupload/IMCE Plupload sedangkan Plupload tidak bisa berjalan tanpa ada module IMCE, jadi sudah bisa di ambil kesimpulan bahwa module/plugins Plupload ini digunakan untuk membantu IMCE dalam melakukan proses uploag gambar dalam jumlah yang banyak. Untuk konfigurasi, instalasi dan cara penggunaan IMCE sudah saya jelaskan dalam artikel : Cara Menambahkan Gambar Ke Dalam Artikel di Drupal
2. IMCE Plupload
Ini juga perlu ditambahkan ke dalam module Drupal, dengan IMCE Plupload kita bisa melakukan multi-file upload, maksudnya mengupload banyak file sekaligus https://www.drupal.org/project/imce_plupload
Ini juga perlu ditambahkan ke dalam module Drupal, dengan IMCE Plupload kita bisa melakukan multi-file upload, maksudnya mengupload banyak file sekaligus https://www.drupal.org/project/imce_plupload
3. Plupload integration module
Menurut Saya module ini merupakan bagian dari IMCE Plupload, maksudnya tanpa ada Plupload integration module, maka module IMCE Plupload tidak akan berjalan https://www.drupal.org/project/plupload
4. FileField Sources Plupload
Module ini juga merupakan bagian dari Plupload, tanpa module ini “Plupload integration module” tidak akan bisa berjalan, begitu juga sebaliknya “FileField Source Plupload” juga membutuhkan “Pluupload itegartion Module” https://www.drupal.org/project/filefield_sources_plupload
5. File Field Sources
Module “FileField Sources Plupload” membutuhkan module “File Field Sources” agar bisa menjalankan fungsinya dengan baik https://www.drupal.org/project/filefield_sources
6. Source Code Plupload
Ini bukan module melainkan source code pluupload yang perlu Anda tambahkan ke folder sites/all/libraries, Anda bisa mendownload source code plupload di situs resmi plupload http://www.plupload.com/download/
Module dari point 2 – 5 memiliki ketergantungan satu sama lain, jadi module – module tersebut harus dalam keadaan aktif supaya fungsi – fungsi Plupload bisa berjalan dengan baik. Disini Saya asumsikan bahwa semua module 1- 5 sudah terinstal di web drupal Anda, langkah selanjutnya adalah mendownload Souce Code Plupload di situs resminya :
- Masuk ke situs plupload http://www.plupload.com/download/
- Kemudian Download Source Codenya, Disini Saya menggunakan versi Source Code versi 1.5.8. Atau Anda bisa mendowloadnya disini. Download Plupload versi 1.5.8
- Bila sudah di download, extract folder/source code tersebut ke folder sites/all/libraries
- Rename foldernya jadi “plupload”
- Selanjutnya masuk ke halaman module drupal, dan aktifkan module pada point 2 -5
Selanjutnya untuk dapat Upload banyak Gambar Sekaligus di Drupal Menggunakan Plupload caranya cukup mudah :
1. Buatlah artikel baru klik Content > Add Content > Artickel Saya asumsikan
bahwa IMCE sudah di konfigurasi dengan baik, bila belum maka baca dulu
artikel : Cara Menambahkan Gambar Ke Dalam Artikel di Drupal
2. Klik icon IMCE, maka nanti akan muncul jendela IMCE klik tombol upload.
3. Bila konfigurasi sudah benar maka pada sat klik upload akan tampil,
2. Klik icon IMCE, maka nanti akan muncul jendela IMCE klik tombol upload.
3. Bila konfigurasi sudah benar maka pada sat klik upload akan tampil,
tampilan seperti pada gambar di bawah ini :
4. Bila Plupload tidak di konfigurasi dengan baik maka pada saat klik upload
4. Bila Plupload tidak di konfigurasi dengan baik maka pada saat klik upload
akan muncul tampilan seperti berikut :
5. Bila icon/tombol IMCE tidak terdapat di CKEditor, maka berarti IMCE belum
5. Bila icon/tombol IMCE tidak terdapat di CKEditor, maka berarti IMCE belum
di konfigurasi dengan benar, Anda perlu mengkonfigurasi iMCE terlebih
dahulu. Saya sudah jelaskan cara konfigurasi IMCE pada artikel :
IMCE Plupload juga bisa digunakan/ditambahkan bukan hanya pada halaman artikel (text area/body) saja tapi juga bisa ditambahkan ke content type tertentu, missal bila Anda meliki content type dengan format “image” atau gambar maka Anda bisa menambahkan/mengaktifkan fungsi plupload, caranya adalah sebagai berikut :
1. Klik menu structure > artickel > manage field
2. Kemudian tambahkan jenis content type baru missal “photos” dengan
format image” dan klik Save
3. Selanjutnya edit “photos” atau nanti bila diarahkan pada jendela/tab edit
3. Selanjutnya edit “photos” atau nanti bila diarahkan pada jendela/tab edit
Anda scroll ke bawah dan klik link/menu FILE SOURCES, dan
aktifkan/centang “Advanced upload widget (Plupload)”, jangan lupa
untuk field settings di set ke “Unlimited” artinya content type tersebut
bisa digunakan untuk menampung banyak gambar/photo
untuk field settings di set ke “Unlimited” artinya content type tersebut
bisa digunakan untuk menampung banyak gambar/photo
4. Bila berhasil maka nanti pada saat Anda ingin menambah artickel, maka
akan ada content type baru dengan nama “Photo” dengan dilengkapi pilihan
“Advanced Upload”.
“Advanced Upload”.
#Update
Bila Anda menggunakan plupload versi 2 maka nantinya akan terjadi kegagalan fungsi terhadap IMCE, karena versi 2 plupload tidak support, jika dipaksakan maka akan membuat tombol upload IMCE menghilang. Jadi Anda nanti tetap harus menggunakan versi 1.5.8, bisa di unduh di
https://github.com/moxiecode/plupload/archive/v1.5.8.zip
Permasalahan ini sudah saya jelaskan pada artikel Mengatasi Masalah Plupload version could not be determined
Video Instalasi dan konfigurasi plupload di drupal yang membuat terjadinya kegagalan fungsi IMCE, tombol upload IMCE menghilang karena saya menggunakan versi 2.x plupload
Seorang laki - laki biasa yang senang duduk sendirian di pinggir pantai, pengagum embun pagi dan lembayung senja, suka blogging, coding dan jogging. Moto hidupnya adalah hidup santai dan simple
0 Response to "Upload Banyak Gambar Sekaligus di Drupal Menggunakan Plupload"
Post a Comment
Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin