【webUI】gradio基础利用2——Gallery组件显示多张图片

参考：https://www.gradio.app/docs/gallery | 参考代码（老版本，有错误）
gradio基础利用1：https://blog.csdn.net/imwaters/article/details/131400571

说明

基于python的浏览器上多图片显示，是很多复杂程序基本环节，本文写出最简朴情势方便大家修改。
应用：例如上传一张图片，经过处理，输出查询结果。
注意官网文档不完善，如果不利用 gradio.Gallery().style() 是无法控制显示图片的结构的
本文 gradio_version 3.34.0
完整代码

1. # -*- coding: utf-8 -*-
2. # @Time : 2023/10/12 13:48
3. # @Author : XyZeng
5. import os
6. import gradio as gr
8. def get_img_lits(img_dir):
9.         imgs_List=[ os.path.join(img_dir,name) for name in sorted(os.listdir(img_dir)) if  name.endswith(('.png','.jpg','.webp','.tif','.jpeg'))]
10.         return imgs_List
13. def input_text(dir):
14.     img_paths_list=get_img_lits(dir) #  注意传入自定义的web
15.     # 结果为 list,里面对象可以为
16.     return img_paths_list
18. '''
19. gr.Gallery()
20. 必须要使用.style()才能控制图片布局
21. '''
22. demo = gr.Interface(
23.     fn=input_text,
24.     inputs=gr.inputs.Textbox(default='./dir_show'),
25.     # inputs=gr.inputs.Image(type="pil"),
26.     outputs=gr.Gallery(
27.             label="最终的结果图片").style(height='auto',columns=4),
28.     title='显示某路径下的所有图片的缩略图23.10.12',
29. )
30. if __name__ == "__main__":
32.     demo.launch()

复制代码

应用二 显示图片带表明

核心语句
outputs=gr.Gallery(label=“终极的结果图片”).style(height=‘auto’,columns=4),
dict_path.append((img_paths_list ,‘img_descrip’+str(i))) # 表示 list.append【 图片路径，图片形貌】, 图片形貌可以自界说字符串

1. # -*- coding: utf-8 -*-
2. # @Time : 2023/10/12 13:48
3. # @Author : XyZeng
5. import os
6. import gradio as gr
8. def get_img_lits(img_dir):
9.         imgs_List=[ os.path.join(img_dir,name) for name in sorted(os.listdir(img_dir)) if  name.endswith(('.png','.jpg','.webp','.tif','.jpeg'))]
10.         return imgs_List
13. def input_text(dir):
14.     img_paths_list=get_img_lits(dir) #  注意传入自定义的web
15.     # 结果为 list,里面对象可以为
16.     dict_path=[]
17.     for i in range(len(img_paths_list)):
18.         dict_path.append((img_paths_list[i] ,'img_descrip'+str(i)))  # 图片路径，图片描述, 图片描述可以自定义字符串
19.     print(dict_path)
20.     return dict_path
22. '''
23. gr.Gallery()
24. 必须要使用.style()才能控制图片布局
25. https://www.gradio.app/docs/gallery
26. As output: expects a list of images in any format, List[numpy.array | PIL.Image | str | pathlib.Path],
27. or a List of (image, str caption) tuples and displays them.
29. '''
30. demo = gr.Interface(
31.     fn=input_text,
32.     inputs=gr.inputs.Textbox(default='./dir_show'),
33.     # inputs=gr.inputs.Image(type="pil"),
34.     outputs=gr.Gallery(label="最终的结果图片").style(height='auto',columns=4),
35.     title='显示某路径下的所有图片的缩略图23.10.12',
36. )
37. if __name__ == "__main__":
38.     print("gradio_version",gr.__version__)
40.     demo.launch(
41.         server_name="0.0.0.0", # 不指定默认是只能本机 127.0.0.1访问，指定后可局域网访问
42.         # server_port=7862    #  可指定端口，好处是固定，坏处是可能占用，默认自动纷纷端口
43.     )

复制代码

附录

初始化界面

如果要局域网内访问，demo.launch(server_name=“0.0.0.0”）
demo.launch(）启动是本机访问

1.     demo.launch(
2.         server_name="0.0.0.0", # 不指定默认是只能本机 127.0.0.1访问，指定后可局域网访问
3.         # server_port=7862    #  可指定端口，好处是固定，坏处是可能占用，默认自动纷纷端口
4.     )

复制代码

缩略图界面

点击后图片可放大

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。