{"id":902,"date":"2013-12-22T20:52:28","date_gmt":"2013-12-22T20:52:28","guid":{"rendered":"http:\/\/codebangers.com\/?p=902"},"modified":"2014-08-05T22:47:29","modified_gmt":"2014-08-06T02:47:29","slug":"902","status":"publish","type":"post","link":"https:\/\/codebangers.com\/902\/","title":{"rendered":"Use WordPress Media Uploader in your Custom Plugin"},"content":{"rendered":"<p>This will make is<\/p>\n<p>Basicly what I did was adding this to my plugin:<\/p>\n<pre><code>function test_admin_scripts() {\r\nwp_enqueue_script('media-upload');\r\nwp_enqueue_script('thickbox');\r\nwp_enqueue_script('jquery');\r\n}\r\n\r\nfunction test_admin_styles() {\r\nwp_enqueue_style('thickbox');\r\n}\r\n\r\nadd_action('admin_print_scripts', 'test_admin_scripts');\r\nadd_action('admin_print_styles', 'test_admin_styles');<\/code><\/pre>\n<p>And later this part:<\/p>\n<pre><code>&lt;script language=\"JavaScript\"&gt;\r\njQuery(document).ready(function() {\r\njQuery('#upload_image_button').click(function() {\r\nformfield = jQuery('#upload_image').attr('name');\r\ntb_show('', 'media-upload.php?type=image&amp;TB_iframe=true');\r\nreturn false;\r\n});\r\n\r\nwindow.send_to_editor = function(html) {\r\nimgurl = jQuery('img',html).attr('src');\r\njQuery('#upload_image').val(imgurl);\r\ntb_remove();\r\n}\r\n\r\n});\r\n&lt;\/script&gt;\r\n\r\n&lt;tr valign=\"top\"&gt;\r\n\t&lt;td&gt;Upload Image&lt;\/td&gt;\r\n\t&lt;td&gt;&lt;label for=\"upload_image\"&gt;\r\n\t\t&lt;input id=\"upload_image\" type=\"text\" size=\"36\" name=\"upload_image\" value=\"&lt;?php echo $yourimage; ?&gt;\" \/&gt;\r\n\t\t&lt;input id=\"upload_image_button\" type=\"button\" value=\"Upload Image\" \/&gt;\r\n\t\t&lt;br \/&gt;Enter an URL or upload an image for the banner.\r\n\t\t&lt;\/label&gt;\r\n\t&lt;\/td&gt;\r\n&lt;\/tr&gt;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>This will make is Basicly what I did was adding this to my plugin: function test_admin_scripts() { wp_enqueue_script(&#8216;media-upload&#8217;); wp_enqueue_script(&#8216;thickbox&#8217;); wp_enqueue_script(&#8216;jquery&#8217;); } function [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":5,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,3],"tags":[],"class_list":["post-902","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-howto","category-wordpress"],"_links":{"self":[{"href":"https:\/\/codebangers.com\/wp-json\/wp\/v2\/posts\/902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codebangers.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codebangers.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codebangers.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/codebangers.com\/wp-json\/wp\/v2\/comments?post=902"}],"version-history":[{"count":2,"href":"https:\/\/codebangers.com\/wp-json\/wp\/v2\/posts\/902\/revisions"}],"predecessor-version":[{"id":904,"href":"https:\/\/codebangers.com\/wp-json\/wp\/v2\/posts\/902\/revisions\/904"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codebangers.com\/wp-json\/wp\/v2\/media\/5"}],"wp:attachment":[{"href":"https:\/\/codebangers.com\/wp-json\/wp\/v2\/media?parent=902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codebangers.com\/wp-json\/wp\/v2\/categories?post=902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codebangers.com\/wp-json\/wp\/v2\/tags?post=902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}