Buen día, ya puedo guardar imágenes en el localstorage, pero lo que quiero es que cuando borro cache me cargue una imagen predeterminada y no me deje vació el div desde cada reinicio de cache.
$(document).ready(function(){
var img = new Image();
img.src = localStorage.theImage;
$('.imagearea').html(img);
$("body").on("change",".classhere",function(){
var fileInput = $(this)[0];
var file = fileInput.files[0];
var reader = new FileReader();
reader.onload = function(e) {
var img = new Image();
img.src = reader.result;
localStorage.theImage = reader.result;
$(".imagearea").html(img);
}
reader.readAsDataURL(file);
});
});
<input class="classhere" type="file" id="img" name="img">
<div class="imagearea"></div>