Как сохранить информацию о типе входного файла в sessionStorage?

Question

У меня есть этот код для просмотра сохраняемых файлов, в частности, изображения ..

Я знаю, что вы не можете установить файл программным способом, вам нужно перейти во всплывающие окна папок, чтобы выбрать файл из соображений безопасности,Итак, моя проблема в том, что я хочу, чтобы файл был сохранен в sessionStorage, чтобы при перезагрузке страницы пользователям не нужно было повторно выбирать изображение.

Я делаю этот подход ..

var fileInput = document.getElementById('file');
sessionStorage.input = JSON.stringify(fileInput);

Но когда я перезагружаю страницу, она больше не работает с ..

formData.append(fileInput.files[0].name, sessionStorage.input);

Я попытался сделать console.log (sessionStorage.inputFile), но он только напечатал '[объектный файл]«

Answer 1

Вы можете использовать приведенный ниже код для сохранения данных изображения в хранилище сессии

var file = element.files[0];
var reader = new FileReader()
reader.onload = function(base64) {
    localStorage["file"] = base64;
}

//Store it in session storage
var img_base64 = localStorage["file"];

var base64_arr = img_base64_data.split(",");
var img_format = base64_arr[0].split(";")[1];
var img_content = base64_arr[1];

var file = new File([img_content], "<file name>", {type: img_format});

// get file as file.files[0] and store it in session storage