我有一个项目,用户可以在其中上传图像,图像将存储在 MongoDB 数据库中。每次上传新图像时,如何在不刷新页面的情况下更新页面上 div 的背景图像?我尝试删除背景图像并重新添加它,但它似乎不起作用:
function updateLogo() {
console.log("update");
$("#chain-logo").css("background-image", "none");
$("#chain-logo").css("background-image", `url("/api/images/chain/${chainId}")`);
}
Run Code Online (Sandbox Code Playgroud)
这是将图像发送到服务器然后调用 updateLogo 的代码:
function uploadLogo() {
let file = document.getElementById("logo-input").files[0];
let formData = new FormData();
formData.append("logo", file);
fetch(`/chain/${chainId}/upload/logo`, {
method: "POST",
body: formData
})
.then(response => response.json())
.then(data => {
updateLogo();
});
}
Run Code Online (Sandbox Code Playgroud)
页面的 HTML:
<body>
<div id="header-container"></div>
<div id="administrator-message-banner">
<p></p>
</div>
<div id="chain-logo-container">
<input type="file" id="logo-input" accept=".png,.svg,.jpeg,.gif,.jpg,.txt" />
<div id="chain-logo"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="/public/js/chain.js"></script>
</body>
Run Code Online (Sandbox Code Playgroud)
div 的 CSS:
#chain-logo {
border-radius: 20px;
height: 200px; …Run Code Online (Sandbox Code Playgroud) 我正在学习使用 C++ 编码。我了解到,要使用string数据类型,您需要包含该<string>库,但是当我没有包含该<string>库时,此代码仍然如何工作?
#include <iostream>
int main() {
std::cout << "Hello World!\n";
return 0;
}
Run Code Online (Sandbox Code Playgroud)
它会将 a 输出string到控制台,而无需我包含该<string>库。不应该返回错误吗?