gpt4 book ai didi

javascript - html中的图像显示错误似乎具有正确的路径

转载 作者:行者123 更新时间:2023-12-01 22:21:50 27 4
gpt4 key购买 nike

我想在html文件中显示图像,后端是golang项目,我发现该路径已经由后端返回,并且http状态为200,如下所示:
enter image description here
我的图像文件在后端服务器中的下面:
enter image description here
但是,存在如下显示问题,并且其他表单元素可以正常显示
enter image description here
这是我的html代码:

    <!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<title>userinfo</title>
</head>

<body>
<img src="{{.Headurl}}"/>
<form action="/userinfo" method="post">
<table>
<tr>
<td>username</td>
<td><input type="text" name="username" id="username" readonly="readonly" value="{{.Username}}"></td>
</tr>
<tr>
<td>password</td>
<td><input type="password" name="password" id="password" readonly="readonly" value="{{.Password}}"></td>
</tr>
<tr>
<td>nickname</td>
<td><input type="text" name="nickname" value="{{.Nickname}}"></td>
</tr>
<tr>
<td>file</td>
<td><input type="file" id="file" name="upload"></td>
</tr>
</table>
<input type="submit" value="update">
</form>
<script>
$("#file").on("change", function () {
var formData = new FormData();
formData.append("picture", $("#file")[0].files[0]);
formData.append("username", $("#username")[0].value)
formData.append("password", $("#password")[0].value)
$.ajax({
url: "/uploadHeadurlHandler",
type: "POST",
data: formData,
processData: false,
contentType: false,
success: function (response) {
}
});
});
</script>
<a href="/">back to homepage</a>
<a href="/logout">logout</a>
</body>

</html>
任何人都可以帮助解决这个问题?

最佳答案

该请求是针对图像的,但是Response HeadersContent-Type设置为text/html而不是image/jpeg,这可能会导致此问题。尝试在Go服务器代码中正确设置标题。

关于javascript - html中的图像显示错误似乎具有正确的路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62989501/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com