Could the ability to add images be made a feature? #1551

guiglass · 2024-12-24T20:32:10Z

Hi I started using this tool thinking it was really amazing, upon realizing there is no support for local images I then started researching if there was even a single example of a way to accomplish adding a image to the gui, or any built-in way to add images. This being a tool for designing GUIs I was pretty surprised to not see this available , as it was very unexpected there is no recommended way to support image files. I was wondering if there is any plan to add built-in web server capability , or provide a example on how to use local images. I might not be able to continue using pywebview as my project requires images and icons. But hopefully in the future this will be supported or a example given that others can follow , after searching the internet I have exhausted all options, reading every post in this git and the author merely recommends a possible solution, never provides a functional example that I could find . If there is a example how to use image files with pywebview it could be really helpful!!

guiglass · 2024-12-24T21:14:28Z

At first I was a bit intimidated that the recommended solution was to roll your own web server, but in reality it was not very difficult using Python's HTTPServer class, and the ThreadingHTTPServer class.

Now I have a elegant way to host only image/file in the local folder for my WebView on Windows, and the web server even exits when the main application closes!

Here is a minimal example showing how to launch a web server to host local images that can be accessed by the WebView:

import webview
import threading
from http.server import ThreadingHTTPServer, SimpleHTTPRequestHandler

html = """
<body>
     <img src="http://localhost:8888/thumbnail_0.png">
</body>
"""

if __name__ == '__main__':

    #start the local web file server
    server = ThreadingHTTPServer(("localhost", 8888), SimpleHTTPRequestHandler)
    server_thread = threading.Thread(target=server.serve_forever)
    server_thread.daemon = True
    server_thread.start()

    #create the webview
    window = webview.create_window('Local Image Example', html=html)
    webview.start()

[EDIT]

Anyone using PyInstaller to compile to a application, I found when running the application the root directory was no longer pointing to the same folder as the script, where I placed the images folder in the same folder as the script, so when HTTPServer was pointing to a different root folder it caused the image links to break.

But the solution was simply to change the working directory:

import os

script_directory = os.path.dirname(os.path.abspath(sys.argv[0]))
os.chdir(script_directory) #change the current working directory that CGIHTTPRequestHandler serves from to script directory.

Adding those lines before staring the server ensures the hosted folder will always point to the same folder as the .py script.

r0x0r · 2024-12-31T12:29:58Z

I haven't considered an image support, but since 5.0 introduced a DOM support, not having native support for images in a serverless mode looks a bit silly indeed.
Support for images can be added, but I am not sure at this point how it should be implemented. Converting images to Base64 and loading them inline looks like the most straightforward choice, but this raises another question how images should be bundled with the app.
Suggestions and idea are welcomed.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Could the ability to add images be made a feature? #1551

Could the ability to add images be made a feature? #1551

guiglass commented Dec 24, 2024 •

edited

Loading

guiglass commented Dec 24, 2024 •

edited

Loading

r0x0r commented Dec 31, 2024

Could the ability to add images be made a feature? #1551

Could the ability to add images be made a feature? #1551

Comments

guiglass commented Dec 24, 2024 • edited Loading

guiglass commented Dec 24, 2024 • edited Loading

r0x0r commented Dec 31, 2024

guiglass commented Dec 24, 2024 •

edited

Loading

guiglass commented Dec 24, 2024 •

edited

Loading