Javascript 将本地存储链接添加为映像src_Javascript_Local Storage

Javascript 将本地存储链接添加为映像src

javascript

Javascript 将本地存储链接添加为映像src,javascript,local-storage,Javascript,Local Storage,您好，我有一个本地存储链接，需要显示为img src。如果本地存储链接是google.com，我希望它显示为img src 迄今为止的代码 <body> <div id="result"> </div> <img src="" id="photo" /> //this is the img element <script> if (typeof(Stor

您好，我有一个本地存储链接，需要显示为img src。如果本地存储链接是google.com，我希望它显示为img src

迄今为止的代码

<body>
  <div id="result">
  </div>
  <img src="" id="photo" /> //this is the img element
  <script>
    if (typeof(Storage) !== "undefined") {
      var name = localStorage.getItem('name');
      var dataImage = localStorage.getItem('imgData');
      document.getElementById("photo").innerHTML = localStorage.getItem("name"); //localstorage 
    } else {
      document.getElementById("photo").innerHTML = "Sorry, your browser does not support Web Storage...";
    }
  </script>
</body>

我知道这个问题令人困惑，但这是我所能描述的最好的问题。

您可以将image src属性设置为从本地存储获得的值。假设这是图像的路径

您不希望设置img标记的innerHTML。相反，使用另一个元素来显示文本

<div id="result"></div>
<img src="" id="photo" /> //this is the img element
<div id="msg"></div>
<script>
  if (typeof(Storage) !== "undefined") {
    var name = localStorage.getItem('name');
    var dataImage = localStorage.getItem('imgData');
    var imageName = localStorage.getItem("name");
    var imageEl = document.getElementById("photo");
    imageEl.src = imageName 
  } else {
    document.getElementById("msg").innerHTML = "Sorry, your browser does not support Web Storage...";
  }

</script>

可以将image src属性设置为从本地存储获取的值。假设这是图像的路径

您不希望设置img标记的innerHTML。相反，使用另一个元素来显示文本

<div id="result"></div>
<img src="" id="photo" /> //this is the img element
<div id="msg"></div>
<script>
  if (typeof(Storage) !== "undefined") {
    var name = localStorage.getItem('name');
    var dataImage = localStorage.getItem('imgData');
    var imageName = localStorage.getItem("name");
    var imageEl = document.getElementById("photo");
    imageEl.src = imageName 
  } else {
    document.getElementById("msg").innerHTML = "Sorry, your browser does not support Web Storage...";
  }

</script>

非常感谢，当字符串不包含任何HTML时，您不应该使用.innerHTML。innerHTML具有安全性和性能含义。改为使用.textContent。非常感谢，当字符串不包含任何HTML时，您不应该使用.innerHTML。innerHTML具有安全性和性能含义。改为使用.textContent。