मेरी प्लगइन में वर्डप्रेस अपलोड फ़ाइल/छवि कोड का उपयोग कैसे करें

Question

मैं एक वर्डप्रेस प्लगइन विकसित कर रहा हूं और मुझे एक ऐसा क्षेत्र होना चाहिए जहां मैं एक छवि अपलोड कर सकूं। चूंकि वर्डप्रेस में बहुत ही आसान अपलोडर है, इसलिए अगर मैं इसका उपयोग कर सकता तो यह बहुत अच्छा होगा।

किसी को भी पता है कि यह संभव है?

धन्यवाद

Answer 1

आप केवल एक फ़ाइल अपलोड करना चाहते हैं, तो आप मीडिया अपलोड करने वाले की जरूरत नहीं है। एक साधारण रूप आपको चाहिए।

मीडिया अपलोड करने वाले कॉल करने के लिए आप इस तरह एक लिंक की आवश्यकता:

<a onclick="return false;" title="Upload image" class="thickbox" id="add_image" href="media-upload.php?type=image&amp;TB_iframe=true&amp;width=640&amp;height=105">Upload Image</a> 

आप शायद यह काम कर रहे बनाने के लिए मीडिया-upload.php अपने URL संलग्न करना होगा।

Answer 2

आप इस कोड का उपयोग करके वर्डप्रेस डिफ़ॉल्ट मीडिया फ़ाइल अपलोडर का उपयोग कर सकते हैं और बस jQuery में

<label for="upload_image"> 
    <input id="upload_image" type="text" size="36" name="ad_image" value="http://" /> 
    <input id="upload_image_button" class="button" type="button" value="Upload Image" /> 
    <br />Enter a URL or upload an image 
</label> 

<?php 
add_action('admin_enqueue_scripts', 'my_admin_scripts'); 

function my_admin_scripts() { 
    if (isset($_GET['page']) && $_GET['page'] == 'my_plugin_page') { 
     wp_enqueue_media(); 
     wp_register_script('my-admin-js', WP_PLUGIN_URL.'/my-plugin/my-admin.js', array('jquery')); 
     wp_enqueue_script('my-admin-js'); 
    } 
} 

?> 

<script> 
    jQuery(document).ready(function($){ 


    var custom_uploader; 


    $('#upload_image_button').click(function(e) { 

     e.preventDefault(); 

     //If the uploader object has already been created, reopen the dialog 
     if (custom_uploader) { 
      custom_uploader.open(); 
      return; 
     } 

     //Extend the wp.media object 
     custom_uploader = wp.media.frames.file_frame = wp.media({ 
      title: 'Choose Image', 
      button: { 
       text: 'Choose Image' 
      }, 
      multiple: true 
     }); 

     //When a file is selected, grab the URL and set it as the text field's value 
     custom_uploader.on('select', function() { 
      console.log(custom_uploader.state().get('selection').toJSON()); 
      attachment = custom_uploader.state().get('selection').first().toJSON(); 
      $('#upload_image').val(attachment.url); 
     }); 

     //Open the uploader dialog 
     custom_uploader.open(); 

    }); 


}); 
    </script>