如何在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），但它只打印'[object File]'

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