datasette-render-local-images

Render local images in the system using datasette plugin

Installation

Install this plugin in the same environment as Datasette.

$ datasette install datasette-render-local-images

Usage

Render local system images in the datasette displayed HTML. The plugin reads the image and adds the base64 encoded data to src attribute, the cell looks like <img src="data:image/png;base64,A.." height="-1" width="-1">

By default plugin will figure out image and render with default height and width of the image.

To modify the image size and width, pass the configuration via metadata.json

{
    "plugins": {
        "datasette-render-local-images": {
            "height": 150,
            "width": 150
        }
    }
}

When the local image path is missing or no image specified in the path, the plugin will not render the value.

Note: While running datasette command don't forget to pass the metadata file using -m option like datasette dataset.db -m metadata.json.

Below screenshoot is from the sample table.

Sample Screenshoot

Development

To set up this plugin locally, first checkout the code. Then create a new virtual environment:

cd datasette-render-local-images
python3 -mvenv venv
source venv/bin/activate

Or if you are using pipenv:

pipenv shell

Now install the dependencies and tests:

pip install -e '.[test]'

To run the tests:

pytest