A file selection class build for ipywidgets without any extra dependencies.

selectfile.py

import os

import ipywidgets as widgets


class FileBrowser(object):
    def __init__(self):
        self.path = os.getcwd()
        self._update_files()
        
    def _update_files(self):
        self.files = list()
        self.dirs = list()
        if(os.path.isdir(self.path)):
            for f in os.listdir(self.path):
                ff = self.path + "/" + f
                if os.path.isdir(ff):
                    self.dirs.append(f)
                else:
                    self.files.append(f)
        
    def widget(self):
        box = widgets.VBox()
        self._update(box)
        return box
    
    def _update(self, box):
        
        def on_click(b):
            if b.description == '..':
                self.path = os.path.split(self.path)[0]
            else:
                self.path = self.path + "/" + b.description
            self._update_files()
            self._update(box)
        
        buttons = []
        if self.files:
            button = widgets.Button(description='..', background_color='#d0d0ff')
            button.on_click(on_click)
            buttons.append(button)
        for f in self.dirs:
            button = widgets.Button(description=f, background_color='#d0d0ff')
            button.on_click(on_click)
            buttons.append(button)
        for f in self.files:
            button = widgets.Button(description=f)
            button.on_click(on_click)
            buttons.append(button)
        box.children = tuple([widgets.HTML("<h2>%s</h2>" % (self.path,))] + buttons)

# example usage:
#   f = FileBrowser()
#   f.widget()
#   <interact with widget, select a path>
# in a separate cell:
#   f.path # returns the selected path

very nice! Thanks for sharing!

Has anyone tried to use it in a Jupyter Notebook? I have tried the following, and it's not working:

try:
    from selectfile import FileBrowser
    train_file_picker = FileBrowser()
    train_file_picker.widget()
    df = pd.read_csv(train_file_picker.path)
except ImportError:
    pass

The train_file_picker.widget() does not output any browser. Indeed, I have tried to do something like, and it does not work neither:

if flag == 2:
    train_file_picker.widget()

It seems that train_file_picker.widget() is not working if it's used inside a conditional statement in Jupyter Notebook. Any idea or suggestion will be appreciated. Thanks

Is there any means for the user to choose the file to be uploaded from a file browser widget?

@gabbyteku. If you mean if there's any way to use the operating system file widget, if you are under GNU/Linux using KDE you can use the program /usr/bin/kdialog but it'll be launched from the backend (not from the browser) so the user experience will be confusing (it'll not render the browser modal nor will bring the dialog on top of it). For a cross-platform option, you can use jfilechooser. Just keep in mind the python code runs in the backend, not in the browser.

If you mean if there's any way in the above code to pre-select a file, not with the code above, but you can change the constructor to set the path to the desired file from the constructor:

    def __init__(self, starting_path=os.getcwd()):
        self.path = starting_path
        self._update_files()

@masaguaro The widget has to be the last item in the cell. The code above states "in a separate cell, access f.path". In your example, you need to split into two cells and access train_file_picker.path in the second cell.

@thomasaarholt will do, I'm trying to put an improved version out.
@rstofi nice points, I'll try to add them into an improved version.

@DrDub Thanks. I will keep it in mind for the next time.