【webUI】gradio基础使用2——Gallery组件显示多张图片-CFANZ编程社区

参考：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

完整代码

# -*- coding: utf-8 -*-
# @Time : 2023/10/12 13:48
# @Author : XyZeng

import os
import gradio as gr

def get_img_lits(img_dir):
        imgs_List=[ os.path.join(img_dir,name) for name in sorted(os.listdir(img_dir)) if  name.endswith(('.png','.jpg','.webp','.tif','.jpeg'))]
        return imgs_List


def input_text(dir):
    img_paths_list=get_img_lits(dir) #  注意传入自定义的web
    # 结果为 list,里面对象可以为
    return img_paths_list

'''
 gr.Gallery()
 必须要使用.style()才能控制图片布局
'''
demo = gr.Interface(
    fn=input_text,
    inputs=gr.inputs.Textbox(default='./dir_show'),
    # inputs=gr.inputs.Image(type="pil"),
    outputs=gr.Gallery(
            label="最终的结果图片").style(height='auto',columns=4),
    title='显示某路径下的所有图片的缩略图23.10.12',
)
if __name__ == "__main__":

    demo.launch()

附录

初始化界面

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

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

在这里插入图片描述

缩略图界面

在这里插入图片描述

点击后图片可放大

在这里插入图片描述