static/index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1">
    <title></title>
    <script src="./jquery">

    </script>
    <script>
        function txt2images() {
            var size = $("#size").val();
            body = {
                "prompt": $("#input").val(),
                "size": size
            }
            var qq = "";
            $.ajax({
                url: './txt2pic',
                data: body,
                type: 'post',
                async: false,
                success: function (data, textStatus, jqXHR) {
                    $("#show").attr("src", data);
                }
            })
        }
    </script>
</head>

<body>
<table>
    <tr>
        <td>输入提示词:</td>
        <td colspan="2"><textarea rows="2" cols="30" id="input">汽车</textarea></td>
    </tr>
    <tr>
        <td>选择尺寸:</td>
        <td><select id="size">
            <option>2560x1440</option>
            <option>1920x1080</option>
            <option>1024x1024</option>
            <option>512x512</option>
            <option selected>256x256</option>
        </select>提交之后等待几秒出图
        </td>
        <td>
            <button value="提交" onclick="txt2images()">提交</button>
        </td>
    </tr>
    <tr>
        <td colspan="4"><img id="show" height="512" width="512"/></td>

    </tr>
</table>
</body>

</html>