Displaying Image from URL in python/Tkinter

Question

I am working on a weather app and to add some spice I was thinking on adding a Weather Map, so reached over to https://openweathermap.org/api/weathermaps and got a URL with the image. I researched for many methods on displaying that image on a Tkinter Widget but none of them work. It displays the size of the image but not the image itself. This is my code. Thank you very much.

from tkinter import *
from PIL import ImageTk, Image
import requests
import urllib.request
import base64

root = Tk()
root.title("Weather")


link = "https://tile.openweathermap.org/map/pressure_new/0/0/0.png?appid={APIkey}"

class WebImage:
     def __init__(self,url):
          u = urllib.request.urlopen(url)
          raw_data = u.read()
          u.close()
          self.image = PhotoImage(data=base64.encodebytes(raw_data))

     def get(self):
          return self.image

img = WebImage(link_6).get()
imagelab = Label(root, image = img)
imagelab.grid(row = 0, column = 0)

root.mainloop()

acw1668 · Accepted Answer · 2021-01-09 02:28:12Z

3

You code works fine if the image in the link is PNG. May be the image in the link is JPEG which is not supported by tkinter.PhotoImage.

You can use Pillow module which supports various image formats:

import tkinter as tk
import urllib.request
#import base64
import io
from PIL import ImageTk, Image

root = tk.Tk()
root.title("Weather")

link = "https://openweathermap.org/themes/openweathermap/assets/img/logo_white_cropped.png"

class WebImage:
    def __init__(self, url):
        with urllib.request.urlopen(url) as u:
            raw_data = u.read()
        #self.image = tk.PhotoImage(data=base64.encodebytes(raw_data))
        image = Image.open(io.BytesIO(raw_data))
        self.image = ImageTk.PhotoImage(image)

    def get(self):
        return self.image

img = WebImage(link).get()
imagelab = tk.Label(root, image=img)
imagelab.grid(row=0, column=0)

root.mainloop()

answered Jan 9, 2021 at 2:28

acw1668

48k5 gold badges30 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Lorenzo Hsu Over a year ago

It works, although when I insert it all in a function (so I can display the image when a button is pressed) it doesn't work anymore. What should I do?

acw1668 Over a year ago

It depends on how you implement it in the function.

Lorenzo Hsu Over a year ago

I was planning on doing the following: ` def submit(): class WebImage: def __init__(self, url): with urllib.request.urlopen(url) as u: raw_data = u.read() image = Image.open(io.BytesIO(raw_data)) self.image = ImageTk.PhotoImage(image) def get(self): return self.image img = WebImage(link).get() imagelab = tk.Label(root, image=img) imagelab.grid(row=1, column=0) tk.Button(root, text = "Submit", command = submit).grid(row = 0, column = 0) `

acw1668 Over a year ago

You need to save a reference of the image: imagelab.image = img.

Lorenzo Hsu Over a year ago

Where should I add "image.image = img" to my code?

|

JacksonPro · Accepted Answer · 2021-01-09 01:52:53Z

1

Here try this:

from tkinter import *
from PIL import ImageTk, Image
import requests
from io import BytesIO


root = Tk()
root.title("Weather")


link = "yourlink/image.jpg"

class WebImage:
     def __init__(self,url):
          u = requests.get(url)
          self.image = ImageTk.PhotoImage(Image.open(BytesIO(u.content)))
          
     def get(self):
          return self.image

img = WebImage(link).get()
imagelab = Label(root, image = img)
imagelab.grid(row = 0, column = 0)

root.mainloop()

answered Jan 9, 2021 at 1:52

JacksonPro

3,2752 gold badges12 silver badges34 bronze badges

2 Comments

Lorenzo Hsu Over a year ago

I tried your code but I got the following error: TypeError: WebImage() takes no arguments. When I take out the argument "link" from WebImage I get this other error: AttributeError: 'WebImage' object has no attribute 'image' . Thank you for your help anyways.

JacksonPro Over a year ago

@LorenzoHsu you might have missed url argument in the __init__() method

Collectives™ on Stack Overflow

Displaying Image from URL in python/Tkinter

2 Answers 2

6 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related