將Javascript文件對象保存到本地存儲

Question

我有一個輸入類型文件，將文件保存到這樣的文件對象中

var uploadControl = document.getElementById("fileUpload");
var files = uploadControl.files[0];

然后，我想將該文件保存到本地存儲中，以便以后再讀入FileReader對象。 有誰知道這是否可能。 我嘗試了幾種不同的選項，每次嘗試從本地存儲中檢索對象時，它都是未定義的。

這是我嘗試過的一些東西

var setObj = {"prop": "myProp", "file": files};
chrome.storage.sync.set({"myObj":setObj});

這不會引發錯誤，但是當我嘗試檢索對象時，它是未定義的

chrome.storage.sync.get("myObj", function(item) {
console.log("item name: " + item.myObj.file.name);
});

但是我可以訪問該對象的其他屬性

chrome.storage.sync.get("myObj", function(item) {
    console.log("item prop: " + item.myObj.prop);
    });

將對象添加到本地存儲時，我做錯什么了嗎？還是訪問不正確？ 還是不可能做到這一點？

Answer 1

localStorage只能包含字符串名稱/值對，這意味着您不能直接存儲對象。您可以為此使用stringify和parse 。