Значение LocalStorage продолжает исчезать со страницы после отправки - PullRequest
Новая
       47

Значение LocalStorage продолжает исчезать со страницы после отправки

0 голосов
/ 12 апреля 2020

По некоторым причинам значение "image-path.jpg" просто появляется на моей странице время, которое требуется странице для обновления sh после отправки формы. Как я могу сохранить значение "image-path.jpg" на странице? Я пытаюсь добиться этого с помощью localStorage, но значение продолжает исчезать. 

function myFunction() {
  localStorage.setItem("path","image-path.jpg");
  //get value of from local storage
  var results = localStorage.getItem("path")
  document.getElementById("result").innerHTML = results;
}

1 Ответ

0 голосов
/ 12 апреля 2020

Предположим, ваш html выглядит примерно так: 

<form id="myForm">
    <label for="control"> Insert some value: </label>
    <input type="text" id="control" name="control"/><br><br>
    <input type="submit" value="Submit"><br><br>
</form>
<div id="result"> Previous value: </div>

Вы хотите установить отправленное значение в localStorage: 

document.getElementById("myForm")
  .addEventListener("submit", function () {
    var imagePath = document.getElementById("control").value;
    localStorage.setItem("path", imagePath);
  });

Затем получить его при загрузке страницы : 

var imagePath = localStorage.getItem("path");
document.getElementById("result").textContent += imagePath || 'Nothing';

Посмотрите этот пример stackblitz .

...