Open File Browser button in Ribbon

How would I open a file browser window using the ribbon buttons
Using html I would use a button with a type = file

<input type="file" id="fileInput">

but I can’t really do that with the Ribbon buttons

{
            text: "File",
            active: true,
            items: [
                 ...
                {
                    type: 'block', text: 'File', mode: 'rows', list: [
                        {
                            type: 'button', text: 'Open', img: "48/open.gif",
                            onclick: function () {
                                //Open File Browser to find .json files

                            }
                        },
                        .....
                    ]
                }
                ....
             ]
}

Hello
You can try to insert form’s “file” type item via
myRibbon._items[id].base
But is will be tricky by design. We will try to seggest you a better way soon

For those wondering, I went with this, may not be the best way but it works for now

in my .html page

<input type="file" id="file_Open" style="display:none">

in my ribbon init .js file

[code]var data =

{
type: ‘button’, text: ‘Open’, img: “…”,
onclick: function () {

              $('#file_Open').click();

    }

},

$(document).ready(function () {
var fi= $(’#file_Open’)[0];
fi.addEventListener(‘change’, function (event) {
… handle file
});
});
[/code]