Untuk anda juragan kentang yang baik hati, pada kali ini akan dijelaskan tentang bagaimana cara mengatasi 2 atau lebih upload pada metabox wordpress, simak dengan penuh hati-hati dan konsentrasi, sementara lupakan kentang dulu, konsen,,,hehehe
Pernahkah anda mengalami masalah dengan upload pada metabox upload wordpress ketika kita mempunyai 2 script upload pada metabox upload wordpress maka yang akan di isi input nya adalah input text yang kedua walaupun yang pencet tombol upload di script yang pertama
kode input metabox adalah seperti ini
<div class="upload_field"
<input type="text" name="upload_one" id="upload_one" class="upload" value="" />
<input type="button" class="upload-button" value="Upload Image" />
</div>
<div class="upload_field"
<input type="text" name="upload_two" id="upload_two" class="upload" value="" />
<input type="button" class="upload-button" value="Upload Image" />
</div>
kemudian jquery sebelum nya adalah seperti ini
jQuery('.upload-button').click(function() {
formfield = jQuery('.upload').attr('name');
tb_show('', 'media-upload.php?type=image&TB_iframe=true');
return false;
});
window.send_to_editor = function(html) {
imgurl = jQuery('img',html).attr('src');
jQuery('.upload').val(imgurl);
tb_remove();
};
Jika kita run script tersebut pada metabox maka input text yang akan terisi adalah input text yang kedua sedang kan inout text yang pertama akan tetap kosong walaupun yang kita pilih adalah tombol pada inpux text yang pertama maka cara untuk mengatasi masalah tersebut adalah dengan menambahkan beberapa script berikut pada jquery kita
ok nmari kita ubah jquery kita menjadi seperti dibawah ini
var uploadID = ''; /*setup the var*/
jQuery('.upload-button').click(function() {
uploadID = jQuery(this).prev('input'); /*grab the specific input*/
formfield = jQuery('.upload').attr('name');
tb_show('', 'media-upload.php?type=image&TB_iframe=true');
return false;
});
window.send_to_editor = function(html) {
imgurl = jQuery('img',html).attr('src');
uploadID.val(imgurl); /*assign the value to the input*/
tb_remove();
};
Penjelasan :
perhatikan beberapa script yang berwarna merah
script warna merah paling atas adalah kita mendefinisikan sebuah variable yang akan menyimpan sementara dari input text diatas tombol yang kita pencet.
warna merah yang kedua adalah kita mengisi variable yang kita definisikan sebelum nya dangan input text yang ada di atas tombol yang kita pencet
kemudian warna merah yang ketiga adalah kita mengisi input text yang telah kita simpan tadi dengan scr image di uploader wordpress
ok udah paham kan script nya
selamat mencoba
jangan lupa tinggalkan kentang dikolom komen ya terimakasih