Wordpress自定義圖片上傳字段

我目前正在開發一個需要自定義內容添加/編輯模塊的WordPress網站。我正在尋找wordpress中的圖片上傳選項，例如。在我的表單中有一個標題爲「選擇圖像」的輸入字段，當用戶點擊輸入字段時，我想讓wordpress媒體庫彈出並能夠從圖庫中選擇圖像。並且一旦用戶選擇了圖像，圖像的完整url將被填充到輸入字段中。我確信這可以做到，因爲我曾經爲此找到過一個代碼，但是我忘記了我發現它的地方。請幫助大家Wordpress自定義圖片上傳字段

在此先感謝..

來源

2011-12-12 Ralph Logan

請訪問http：/ /wordpress.stackexchange.com/questions/4307/how-can-i-add-an-image-upload-field-directly-to-a-custom-write-panel – rhand

這裏是代碼，將做到這一點：

jQuery(document).ready(function() { 

    var orig_send_to_editor = window.send_to_editor; 

    jQuery('#upload_image_button').click(function() { 
     formfield = jQuery(this).prev('input'); 
     tb_show('', 'media-upload.php?type=image&amp;TB_iframe=true'); 

     window.send_to_editor = function(html) { 
     var regex = /src="(.+?)"/; 
     var rslt =html.match(regex); 
     var imgurl = rslt[1]; 
     formfield.val(imgurl); 
     tb_remove(); 
     jQuery('#show_'+formfield.attr('name')).html('<img src="'+imgurl+'" width="" />') 

     window.send_to_editor = orig_send_to_editor; 
    } 

    return false; 
}); 
});

下面是HTML去用它：

<input type="hidden" name="upload_image" /> 
<?php $post_img = get_post_meta($post->ID,'item_image',true); ?> 
<input id="upload_image_button" type="button" value="<?php echo (empty($post_img)?'Upload Image':'Change Image') ?>" /> 
<div id="show_upload_image"><?php echo (!empty($post_img)?"<img src='$post_img' width='100' />":'')?></div>

來源

2012-04-23 18:01:04

Wordpress自定義圖片上傳字段

回答

相關問題