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

【问题标题】：WordPress upload media using Backbone JS ClientWordPress 使用 Backbone JS 客户端上传媒体
【发布时间】：2020-04-13 14:42:22
【问题描述】：

如何使用WordPress Backbone JS Client 上传媒体文件？

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

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

【问题讨论】：

标签： javascript wordpress backbone.js wordpress-rest-api

【解决方案1】：

使用 WP 媒体库

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

在functions.php或模板文件中

wp_enqueue_media();

第 2 步 - 打开媒体库

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

第 3 步 - 获取附件 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);
});

第 4 步 - 将帖子的附件设置为特色图片（例如）

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();

【讨论】：