WordPress使用Backbone JS客户端上传媒体

Question

如何使用 WordPress Backbone JS客户端?

我可以创建一个新的媒体类型的帖子，但如何附加一个实际的文件？

// Create a new media
var media = new wp.api.models.Media( { title: 'This is a demo file' } );
media.save();

Answer 1

使用WP媒体库

第一步 - 在您要使用的页面上启用WP媒体库。

在function.php或模板文件中

wp_enqueue_media();

第二步 - 打开媒体库

var image = wp.media({
    title: 'Upload Image',
    type: 'image',
    multiple: false,
    button: {
        text: 'Done'
    }
}).open()

第三步 - 获取附件ID

image.on('select', function(e){
    var uploaded_image = image.state().get('selection').first();
    var image_id = uploaded_image.toJSON().id;
    $('input#image-id').val(image_id);
});

第四步 - 将帖子的附件设置为特色图片(例如)

var image_id = parseInt($('input#image-id').val());

var post = new wp.api.models.Post( {
    title: "Post with an attachment",
    featured_media: image_id
} );

post.save();