Javascript 如何更改标题的背景图像？_Javascript_Html_Css

Javascript 如何更改标题的背景图像？

javascript html css

Javascript 如何更改标题的背景图像？,javascript,html,css,Javascript,Html,Css,我试图更改标题的背景图像，我正在使用的javascript代码工作得非常好，但是当我重新加载页面时，图像会重置为默认值。我希望“背景图像”属性从输入中获取分配的新值这是密码 HTML- <html> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <scri

我试图更改标题的背景图像，我正在使用的javascript代码工作得非常好，但是当我重新加载页面时，图像会重置为默认值。我希望“背景图像”属性从输入中获取分配的新值

这是密码

HTML-

<html>

<head>



    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>


    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>



    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    <link rel=stylesheet href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css">



    <title>CorpoViz Admin</title>

   <script src="JS/editor.js"></script>



</head>

<body onload=iFrameOn()>
    <div class="jumbotron" id=headerBg>

        <div class="container-fluid">

            <h1>Heading</h1>


            <span style="float:right;">
            <input type='file' id='getval' class="inputfile btn btn-default" />
            <label for="getval" class="btn btn-default" style="font-size:20px;">Choose an image</label>
            </span>

使用localStorage或Cookie临时保留图像url。如果希望更改是永久性的，那么将数据存储在MySQL之类的数据库中

设置本地存储项的javascript代码示例：

localStorage.setItem('backgroundUrl', 'http://example.com/test123.png');

localStorage.getItem('backgroundUrl');

检索本地存储项的javascript代码示例：

localStorage.setItem('backgroundUrl', 'http://example.com/test123.png');

localStorage.getItem('backgroundUrl');

编辑如果您想在数据库中存储新的图像url，那么您将需要mysql中的一个表专门用于标题背景图像

要更新表，请检查此url：

要从表中检索图像URL，请选中此URL:

您正在调用文件更改时的readUrl，因此当您重新加载页面时，您需要更改文件以更改背景您希望得到什么结果？我希望背景图像保持不变，即使在我重新加载page@TarasKumpanenkoCan你给了我php和mysql的解决方案吗？@VijitAil刚刚更新，答案是，使用谷歌获得更容易理解的示例。