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管理员

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

本月创作热力图

最新评论
Mr.C
Mr.C
4月12日
个人建议,下个版本考虑将下载地址加密(防止采集)
Felix
Felix
4月1日
你好我想请教一下,为什么我php和redis都安装了,还是连接不上,一直显示未安装,旧插件文件也清理了
Mike
Mike
4月1日
当前页跳转一个页面,然后回退上一页,顶部进度条会缓慢加载,并且加载不完
评论于留言建议
Mike
Mike
4月1日
文章页划到最底部,侧边栏中切换作者发言会溢出
评论于留言建议
陇安辞
陇安辞
3月31日
guzhang
评论于关于本站