Помогите реализовать сохранение изображения в локалсторедж и последующую загрузку в DOM при отправке формы.
Буду признателен, если еще подскажите как реализовать тоже самое только без локалсторейджа, а с Base64 Image
<form class="form-add" method="post" action="#">
<textarea class="" id="title-add" placeholder="Название"></textarea>
<input class="" id="img-add" type="file">
<button class="" id="add-inf" type="submit" value=""></button>
</form>
var onFormSubmit = function (e) {
e.preventDefault();
/* должно происходить сохранение значений из title-add, img-add в локал сторедж
и затем отобразить в низу страницы */
};
$('.form-add').submit(function (e) {
onFormSubmit(e)
});
localStorage
могут быть только строки, поэтому при попытка добавить в него картинку напрямую в него запишется что-то вроде "[object Object]"