是否创建输入选择图像URL?

时间:2014-08-13 作者:Hoang An

我在函数中的代码是:

<input type="text" name="Cat_meta[img]" id="Cat_meta[img]" size="3" style="width:60%;" value=" <?php echo $cat_meta[\'img\'] ? $cat_meta[\'img\'] : \'\'; ?>">
如何获取选择url作为添加后介质

enter image description here

1 个回复
最合适的回答,由SO网友:Girija Sankar Dash 整理而成

通过Javascript,您可以弹出媒体,并在选择时将图像URL更新到文本框。下面是代码。

var custom_uploader;
jQuery(\'<Should-be-a-button-selector>\').click(function(e) {
    e.preventDefault();
    //If the uploader object has already been created, reopen the dialog
    if (custom_uploader) {
        custom_uploader.open();
        return;
    }

    //Extend the wp.media object
    custom_uploader = wp.media.frames.file_frame = wp.media({
        title: \'Choose Image\',
        button: {
            text: \'Choose Image\'
        },
        multiple: false
    });

    //When a file is selected, grab the URL and set it as the text field\'s value
    custom_uploader.on(\'select\', function() {
        attachment = custom_uploader.state().get(\'selection\').first().toJSON();
        jQuery(\'#Cat_meta[img]\').val(attachment.url);


    //Open the uploader dialog
    custom_uploader.open();
});

结束

相关推荐

Replace all media (images)

我为我的Wordpress网站创建了一个新主题,我需要替换网站上的所有媒体(图像),因为我使用的是所有新的图像大小(比我当前网站上最大的图像大小还要大)。98%的图像将使用相同的名称。每个帖子只包含一个(特色)图像,并且帖子的内容区域中没有图像,因此这使工作稍微容易一些。我想知道做这件事最好(最干净)的方法是什么。我考虑了以下因素:使用Wordpress plugin手动删除我所有帖子中的特色图像,删除它们,然后手动添加新图像删除我上传文件夹中的所有媒体,并将其替换为新图像,然后通过以下方式重新生成图像大