Cara mengatasi 2 ato lebih upload di metabox wordpress

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

Share this post