如何在WordPress后台页面添加上传按钮?

我们在进行WordPress主题开发过程中经常会遇到在后台某个页面添加上传按钮,那么如何在WordPress后…

我们在进行WordPress主题开发过程中经常会遇到在后台某个页面添加上传按钮,那么如何在WordPress后台页面添加上传按钮?你需要用到wp_enqueue_media()这个函数,用于引入上传所需组件。
如何在WordPress后台页面添加上传按钮? (https://www.wpzt.net/) WordPress开发教程 第1张
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;

});

}

}

});

类别:WordPress入门

本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。

评论 (0)COMMENT

登录 账号发表你的看法,还没有账号?立即免费 注册