javascript - 在 WordPress 图片 uploader 中设置选定的图片

标签 javascript wordpress backbone.js

我正在使用 wp.media 在插件中选择图像。唯一的问题是我不知道如何加载之前选择的图像。

uploader = wp.media.frames.file_frame = wp.media({
    title: 'Select images',
    button: {
        text: 'Select images'
    },
    multiple: true,
    selection: // current selection = images 173,174,175
});

假设某人之前选择了 3 张图片,然后他们希望再添加一张,这就是框架的样子:

image selection

最佳答案

我找到了一个简单的方法来做到这一点。它并不完美,但很简单。

// $input is a hidden input with attachmend IDs, comma-separated
var images = $input.val() || '-1';

uploader = wp.media.gallery.edit('[gallery ids="' + images + '"]');

uploader.state('gallery-edit').on('update', function(selection) {
  var images = [];

  selection.each(function(attachment) {
    images.push(attachment.toJSON().id);
  });

  $input.val(images.join(','));
});

uploader.open();

关于javascript - 在 WordPress 图片 uploader 中设置选定的图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19638935/

相关文章:

javascript - ajax警报数据不返回php echo的值

javascript - .toggle() 函数添加溢出隐藏内联

php - Wordpress - 按字母顺序对包含数字和字母的帖子进行排序

wordpress - Woocommerce - 如果在结账时登录,则删除所有旧购物车商品

javascript - 在 backbone.js 中,如何使用新模型数据更新 View ,同时在没有完整渲染的情况下保持排序顺序

c# - 图表控件中的多个图表系列

javascript - jQuery 计数器函数在 IE < 8 中不起作用

javascript - jQuery.parseJSON() 不在 Windows 服务器上解码有效的 Json 字符串

javascript - 点击事件未在 Firefox 中触发 - 主干

javascript - 主干听定制集合?