Javascript 如何使用chrome.storage.sync.get继续显示上载的图像作为chrome扩展的背景？

HTML:

---

所以应该发生的是，用户上传一张图片，分机会将图片设置为背景，但我必须继续重新上传图片，是否有一种方法可以让用户的图片成为扩展的背景图像，而不必在每次打开新选项卡或关闭当前选项卡时将其重置？

检查。sync.get的回调有一个包含数据的参数。

<input id="background-image" type=file></input>^

    document.getElementById('background-image').addEventListener('change', 
    readURL, true);
    function readURL(){
       var file = document.getElementById("background-image").files[0];
       var reader = new FileReader();
       var readFile = reader.readAsDataURL(file);
       reader.onloadend = function(){
           chrome.storage.sync.get(["user-background-image"],function(){
            document.getElementById("main-background- 
 image").style.backgroundImage = "url(" + reader.result + ")";
           });
       document.getElementById("main-background-image").style.backgroundImage = 
    "url(" + reader.result + ")";        
        }
       if(file){
          //reader.readAsDataURL(file);

        }else{
        }
        chrome.storage.local.set({"user-background-image":reader.result}, 
    function(){
            console.log("Set");
        });
    }