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