小编Ill*_*705的帖子

图片更改后如何刷新背景图片

我有一个项目,用户可以在其中上传图像,图像将存储在 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)

html javascript css image

5
推荐指数
1
解决办法
62
查看次数

为什么即使在 C++ 中不包含字符串库,字符串有时仍然可以工作?

我正在学习使用 C++ 编码。我了解到,要使用string数据类型,您需要包含该<string>库,但是当我没有包含该<string>库时,此代码仍然如何工作?

#include <iostream>

int main() {
  std::cout << "Hello World!\n";
  return 0;
}
Run Code Online (Sandbox Code Playgroud)

它会将 a 输出string到控制台,而无需我包含该<string>库。不应该返回错误吗?

c++ string

-2
推荐指数
1
解决办法
573
查看次数

标签 统计

c++ ×1

css ×1

html ×1

image ×1

javascript ×1

string ×1