如何在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_cus***_i**ges” id=”process_cus***_i**ges” n**e=”” **x=”” min=”1″ step=”1″>

<button class=”set_cus***_i**ges button”>Set I**ge ID</button>

</p>

 js代码:

jQuery(document).ready(function() {

var $ = jQuery;

if ($(‘.set_cus***_i**ges’).length > 0) {

if ( typeof wp !== ‘undefined’ &**p;&**p; wp.media &**p;&**p; wp.media.editor) {

$(document).on(‘click’, ‘.set_cus***_i**ges’, 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;

});

}

}

});

© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容