Получить полный путь к файлам для кешированных изображений

Question

Я выяснил, как предварительно загружать изображения. Теперь я пытаюсь выяснить, есть ли какой-либо способ, используя Javascript, чтобы получить локальный путь к файлу, где изображение было кэшировано.

Answer 1

Вы можете использовать комбинацию FileReader и sessionStorage.
Что-то вроде:

var input = document.querySelector("#imageInput"); 
input.addEventListener("change", function(e){ 
    var reader = new FileReader(); 
    reader.onload = function(evt){ 
     var newImage = document.createElement("img"); 
     newImage.src = evt.target.result; 
     document.querySelector("body").appendChild(newImage); 
     sessionStorage.setItem("image", evt.target.result); 
    }; 
    reader.readAsDataURL(e.target.files[0]); 
}, false); 

window.addEventListener("load", function(e){ 
    if(sessionStorage.getItem("image")){ 
     var newImage = document.createElement("img"); 
     newImage.src = sessionStorage.getItem("image"); 
     document.querySelector("body").appendChild(newImage); 
    } 
}, false); 

Это будет хранить все ваши изображения в браузере и они сохраняются через посты и перезагрузки. Затем вы можете добавить любую логику, чтобы редактировать их по мере необходимости.

К сожалению, вы не можете устанавливать входные данные типа «файл», поэтому вам нужно будет сделать магию интерфейса.