如果你需要在后台某个页面添加上传按钮,你需要用到wp_enqueue_media()这个函数,用于引入上传所需组件。
add_action ( 'admin_enqueue_scripts', function () { if (is_admin ()) wp_enqueue_media (); } );
html代码例如:
<p> <input type="number" value="" class="regular-text process_custom_images" id="process_custom_images" name="" max="" min="1" step="1"> <button class="set_custom_images button">Set Image ID</button> </p>
js代码例如:
jQuery(document).ready(function() { var $ = jQuery; if ($('.set_custom_images').length > 0) { if ( typeof wp !== 'undefined' && wp.media && wp.media.editor) { $(document).on('click', '.set_custom_images', function(e) { e.preventDefault(); var button = $(this); var id = button.prev(); wp.media.editor.send.attachment = function(props, attachment) { id.val(attachment.url); }; wp.media.editor.open(button); return false; }); } } });
$(document).on('click', '.erphp-add-file', function(e) { e.preventDefault(); var button = $(this); var id = button.prev(); var original_send = wp.media.editor.send.attachment; wp.media.editor.send.attachment = function(props, attachment) { if($.trim(id.val()) != ''){ id.val(id.val()+'n'+attachment.url); }else{ id.val(attachment.url); } wp.media.editor.send.attachment = original_send; }; wp.media.editor.open(button); return false; });
来源地址:如何在WordPress后台的某个页面里添加上传按钮
转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:www.88531.cn资享网,谢谢!^^
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END