Using wp.media function to create custom uploader popup I can't find argument to show attachment filters.

if(typeof wp === 'undefined' || typeof wp.media === 'undefined') {
  return false;
}

var frame = wp.media({
   title: 'Custom title',
   multiple: false
});

My result:

Desired result:

Any help will be appreciated

Using wp.media function to create custom uploader popup I can't find argument to show attachment filters.

if(typeof wp === 'undefined' || typeof wp.media === 'undefined') {
  return false;
}

var frame = wp.media({
   title: 'Custom title',
   multiple: false
});

My result:

Desired result:

Any help will be appreciated

• uploads
• media-library

Share Improve this question asked Jul 20, 2019 at 13:44 Anton LukinAnton Lukin 88755 silver badges1717 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 4 +50

You need to make use of filterable property. To do that, you can extend the library and use that as a custom state.

// Create state
var myCustomState = wp.media.controller.Library.extend({
    defaults :  _.defaults({
        id: 'my-custom-state',
        title: 'Upload Image',
        allowLocalEdits: true,
        displaySettings: true,
        filterable: 'all', // This is the property you need. Accepts 'all', 'uploaded', or 'unattached'.
        displayUserSettings: true,
        multiple : false,
    }, wp.media.controller.Library.prototype.defaults )
});

//Setup media frame
frame = wp.media({
    button: {
        text: 'Select'
    },
    state: 'my-custom-state', // set the custom state as default state
    states: [
        new myCustomState() // add the state
    ]
});