Upload Banyak Gambar Sekaligus Di Drupal Memakai Plupload

melaluiataubersamaini memakai Pluupload kita sanggup dengan simpel 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 berkhasiat sekali terutama untuk situs web drupal yang isi atau konten websitenya memerlukan banyak gambar/foto, bila melaksanakan upload foto/gambar satu – persatu tentunya akan sangat merepotkan, sedangakn bila memakai Pluupload tentunya pekerjaan kita akan menjadi lebih enteng dan efisien.

Dalam tutorial kali ini Saya memakai Drupal 7.43 sehingga mungkin akan sedikit tidak sama caranya bila Anda memakai Drupal versi diatasnya. Kemudian disini juga untuk text editor yang saya gunakan yakni CKEditor, jadi module text editor ini juga perlu dimenambahkan terlebih lampau, sebelum memparaktikan tutorial ini. Instalasi dan konfigurasi CKEditor sanggup And abaca pada artikel : Menambahkan Text Editor Baru Ke CMS Drupal 

Untuk sanggup mengaktifkan, menajalankan atau memakai Plupload di Drupal, ada beberapa module yang perlu Anda persiapkan/instal diantaranya :

 

1. IMCE
IMCE sanggup berjalan tanpa menolongan Plupload/IMCE Plupload sedangkan Plupload tidak sanggup berjalan tanpa ada module IMCE, jadi sudah sanggup di ambil kesimpulan bahwa module/plugins Plupload ini dipakai untuk memmenolong IMCE dalam melaksanakan proses uploag gambar dalam jumlah yang banyak. Untuk konfigurasi, instalasi dan cara penerapan IMCE sudah saya jelaskan dalam artikel : Teknik Menambahkan Gambar Ke Dalam Artikel di Drupal
 

2. IMCE Plupload
Ini juga perlu dimenambahkan ke dalam module Drupal, dengan IMCE Plupload kita sanggup melaksanakan multi-file upload, maksudnya mengupload banyak file sekaligus https://www.drupal.org/project/imce_plupload

3. Plupload integration module
Menurut Saya module ini ialah bab 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 ialah bab dari Plupload, tanpa module ini “Plupload integration module” tidak akan sanggup 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” semoga sanggup 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 menambahkan ke folder sites/all/libraries, Anda sanggup mendownload source code plupload di situs resmi plupload http://www.plupload.com/download/

Module dari point 2 – 5 mempunyai ketergantungan satu sama lain, jadi module – module tersebut harus dalam keadaan aktif supaya fungsi – fungsi Plupload sanggup berjalan dengan baik. Disini Saya asumsikan bahwa tiruana module 1- 5 sudah terinstal di web drupal Anda, langkah selanjutnya yakni mendownload Souce Code Plupload di situs resminya :

1. Masuk ke situs plupload http://www.plupload.com/download/ 
2. Kemudian Download Source Codenya, Disini Saya memakai versi Source Code versi 1.5.8. Atau Anda sanggup mendowloadnya disini. Download Plupload versi 1.5.8 
3. Bila sudah di download, extract folder/source code tersebut ke folder sites/all/libraries 
4. Rename foldernya jadi “plupload” 
5. Selanjutnya masuk ke halaman module drupal, dan aktifkan module pada point 2 -5

Selanjutnya untuk sanggup Upload banyak Gambar Sekaligus di Drupal Menggunakan Plupload caranya cukup simpel :
 

1. Buatlah artikel gres klik Content > Add Content > Artickel Saya asumsikan

    bahwa IMCE sudah di konfigurasi dengan baik, bila belum maka baca dulu 

   artikel : Teknik 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,

    tampilan ibarat pada gambar di bawah ini : 

4. Bila Plupload tidak di konfigurasi dengan baik maka pada dikala klik upload 

   akan muncul tampilan ibarat diberikut : 

5. Bila icon/tombol IMCE tidak terdapat di CKEditor, maka berarti IMCE belum 

   di konfigurasi dengan benar, Anda perlu mengkonfigurasi iMCE terlebih

   lampau. Saya sudah jelaskan cara konfigurasi IMCE pada artikel :

   Teknik Menambahkan Gambar Ke Dalam Artikel di Drupal

*Tambahan 

IMCE Plupload juga sanggup digunakan/dimenambahkan bukan spesialuntuk pada halaman artikel (text area/body) saja tapi juga sanggup dimenambahkan ke content type tertentu, missal bila Anda meliki content type dengan format “image” atau gambar maka Anda sanggup menambahkan/mengaktifkan fungsi plupload, caranya yakni sebagai diberikut :

1. Klik sajian structure > artickel > manage field
2. Kemudian menambahkan jenis content type gres missal “photos” dengan 

format image” dan klik Save 

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)”, tidakboleh lupa
 untuk  field settings di set ke “Unlimited” artinya content type tersebut
 bisa  dipakai untuk menampung banyak gambar/photo 

4. Bila berhasil maka nanti pada dikala Anda ingin menambah artickel, maka 

akan ada content type gres dengan nama “Photo” dengan dilengkapi pilihan
“Advanced Upload”. 

Content type ini tidak harus selalu dimenambahkan pada content artickel, Anda sanggup membuat content type gres kemudian menambahkan fungsi upload gambar.



#Update
Bila Anda memakai plupload versi 2 maka nantinya akan terjadi kegagalan fungsi terhadap IMCE, alasannya yakni versi 2 plupload tidak support, jikalau dipaksakan maka akan membuat tombol upload IMCE menghilang. Kaprikornus Anda nanti tetap harus memakai versi 1.5.8, sanggup 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 alasannya yakni saya memakai versi 2.x plupload

 

Share :