tkinterを用いて文字列検索による画像表示がしたい

Question

前提・実現したいこと

python初心者です。
tkinterを使った勉強をしています。

文字列を入力し、検索ボタンを押すと、下にその文字列と同じ名前を持った画像をcanvasに表示させるというものを作りたいです。
画像ファイルは同じディレクトリ内に入っています

画像ファイルの名前と同じ文字列を打ち込み、検索ボタンを押すとエラーを吐きます。
どなたか助けてください。。。

よろしくお願いします。。。

発生している問題・エラーメッセージ

Exception in Tkinter callback
Traceback (most recent call last):
  File "C:\Program Files\WindowsApps\PythonSoftwareFoundation.Python.3.9_3.9.2288.0_x64__qbz5n2kfra8p0\lib\tkinter\__init__.py", line 1892, in __call__
    return self.func(*args)
  File "C:\Users\HIO\Documents\Python Scripts\glob\button.py", line 14, in Img_display
    img = ImageTk.PhotoImage(file=img_data,width=300,height=300)
  File "C:\Users\HIO\AppData\Local\Packages\PythonSoftwareFoundation.Python.3.9_qbz5n2kfra8p0\LocalCache\local-packages\Python39\site-packages\PIL\ImageTk.py", line 89, in __init__
    image = _get_image_from_kw(kw)
  File "C:\Users\HIO\AppData\Local\Packages\PythonSoftwareFoundation.Python.3.9_qbz5n2kfra8p0\LocalCache\local-packages\Python39\site-packages\PIL\ImageTk.py", line 58, in _get_image_from_kw
    return Image.open(source)
  File "C:\Users\HIO\AppData\Local\Packages\PythonSoftwareFoundation.Python.3.9_qbz5n2kfra8p0\LocalCache\local-packages\Python39\site-packages\PIL\Image.py", line 2984, in open
    prefix = fp.read(16)
  File "C:\Users\HIO\AppData\Local\Packages\PythonSoftwareFoundation.Python.3.9_qbz5n2kfra8p0\LocalCache\local-packages\Python39\site-packages\PIL\Image.py", line 546, in __getattr__
    raise AttributeError(name)
AttributeError: read

該当のソースコード

import tkinter as tk
import tkinter.ttk as ttk
from PIL import Image,ImageTk

def Img_display():
    #受け取りはできてる
    char = entry_char.get() + ".png"
    #表示もできる
    img_data = Image.open(char)
    
    canvas = tk.Canvas(root, bg="#FFFFFF",height = 500,width=500)
    canvas.place(x=0,y=30)

    img = ImageTk.PhotoImage(file=img_data,width=300,height=300)
    canvas.create_image(30,30,image=img,anchor=tk.NW)

#rootメインウィンドウの設定
root = tk.Tk()
root.title("root")
root.minsize(800,800)

#メインフレームの作成と設置
frame = ttk.Frame(root)
frame.pack(fill=tk.BOTH,padx=20,pady=10)

#ウィジェットの作成
label_char = ttk.Label(frame,text="検索画像名:")
entry_char = ttk.Entry(frame)
button_search = ttk.Button(frame, text="検索",command=Img_display)

#ウィジェットの設置
label_char.grid(row=0,column=0)
entry_char.grid(row=0,column=1)
button_search.grid(row=0,column=2)

root.mainloop()

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

問題点: PIL を使う場合と使わない場合のコードが混在してるようです

# tkinter.PhotoImage の場合は file= でファイルを指定
# ※ 最近のバージョンでは pngは対応してます。jpg は未対応なのでPILを利用します
image = tk.PhotoImage(file="aaa.png")
canvas.create_image(0, 0, image=image)

# PILを用いる場合
img = PIL.open("aaa.png")
image = ImageTk.PhotoImage(img)
canvas.create_image(0, 0, image=image)

エラーにはなりませんが、該当の処理は関数内なので追加で、
PhotoImage オブジェクトがローカル変数の場合、
関数終了時に破棄されてしまうので画像が表示されません。
グローバル変数にする、インスタンス変数等に保持する等の対策が必要です。

また、Canvas はクリック時に毎回作るのではなく、
初回に一度のみにして、キャンバス上に配置するアイテムを作成・削除するようにしましょう。
不要になったキャンバスが解放されず、蓄積されていきます。