| | <!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> |
