내 플러그인에서 wordpress 업로드 파일/이미지 코드를 사용하는 방법

Question

나는 워드 프레스 플러그인을 개발 중이며 이미지를 업로드 할 수있는 필드가 있어야합니다. 워드 프레스는 매우 손수 업 로더를 가지고 있기 때문에 그것을 사용할 수 있다면 좋을 것입니다.

가능하면 누구나 알 수 있습니까? 당신은 단지 파일을 업로드 할 경우

감사

Answer 1

, 당신은 미디어 업 로더가 필요하지 않습니다. 간단한 양식 만 있으면됩니다. 당신은 어쩌면이 작업을하기 위해 미디어 upload.php로에 URL을 추가해야합니다

<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> 

:

는이 같은 링크를 필요로하는 미디어 업 로더를 호출합니다.

Answer 2

이 코드를 사용하여 워드 프레스 기본 미디어 파일 업 로더를 사용하여 간단하게

<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>