从链接打开媒体盒库

时间:2015-05-21 作者:Aftab

我正在开发一个插件,我想在点击管理面板的链接后打开媒体库框,就像选择特色图片一样。

<a href="#">Choose Image</a>
单击“选择图像”后,我希望媒体库框显示在thickbox中。

谢谢

2 个回复
最合适的回答,由SO网友:Aftab 整理而成

通过嵌入JS文件,我们可以这样做:

<img src="#" id="img-src">
<a href="#" id="img-upload">Add Image</a>

Content of JS file

jQuery(document).ready(function(e){
    e.preventDefault();
    jQeury(\'#img-upload\').click(function(){
        var upload = wp.media({
        title:\'Choose Image\', //Title for Media Box
        multiple:false //For limiting multiple image
        })
        .on(\'select\', function(){
            var select = upload.state().get(\'selection\');
            var attach = select.first().toJSON();
            console.log(attach.id); //the attachment id of image
            console.log(attach.url); //url of image
            jQuery(\'img#img-upload\').attr(\'src\',attach.url);
        })
        .open();
   });

}); 
这样我们就可以拥有它。

SO网友:Sam Prasanna

<img src="#" id="img-src"><a href="#" id="img-upload">Add Image</a>


jQuery(document).ready(function(){
   jQuery(\'#img-upload\').click(function(e){
        e.preventDefault();
        var upload = wp.media({
        title:\'Choose Image\', //Title for Media Box
        multiple:false //For limiting multiple image
        })
        .on(\'select\', function(){
            var select = upload.state().get(\'selection\');
            var attach = select.first().toJSON();
            console.log(attach.id); //the attachment id of image
            console.log(attach.url); //url of image
            jQuery(\'img#img-upload\').attr(\'src\',attach.url);
        })
        .open();
   });
});
wp\\u enqueue\\u media();将脚本调用到页面的页脚中。

结束

相关推荐