WordPress 调用自带媒体中心选择图片

WordPress自带的媒体中心可以很方便的选择图片和上传图片,在制作主题中,要让用户自定义图片的话,可以让用户自己选择图片地址。

点击按钮,即可弹出自带的选择图片功能,用户上传或者选择图片后,点击插入图片,即可获取到这个图片地址。

调用方法

拉取媒体中心:wp_enqueue_media();

注意这个命令,一个页面只能使用一次。

接着就可以写按钮触发事件了,可以直接使用jQuery

JavaScript代码:

wp.media.editor.send.attachment = function (props, attachment) {
//选择后的回调函数,里面可以获取地址
    $('input[name=single-icon]').val(attachment.url);
}
wp.media.editor.open();

先设置回调函数,里面可以设置选择成功后,把图片地址传入文本框。接着再调用wp.media.editor.open,打开媒体中心即可。

 

上一篇 WordPress 使用ajax方式请求数据
下一篇 使用WordPress自带字体图标
applek

applek管理员

个人说明在个人中心里面设置

本月创作热力图

最新评论
西风
西风
3月7日
暂时不需要也能跑
Kevin
Kevin
3月6日
请教,小网站,1000ip不到,小主机,2c4g,到底 redis 还是 macached 合适啊
hfloke
hfloke
3月1日
新版本安装更新后,页面有问题哦
丙氨酸
丙氨酸
2月27日
测试
评论于关于本站
RiseForever
RiseForever
2月23日
听说新主题发布了,来测试下评论区。