Как установить изображение пользователя в качестве фона для расширения Chrome

Question

Итак, эта опция должна позволять пользователю загружать файл (изображение) с <input id="background-image" type=file></input> (это работает), но как мне сохранить фоновое изображение, когда пользователь открывает новую вкладку или закрывает текущуюtab.

Вот JS, который устанавливает фоновое изображение:

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(){
     document.getElementById("main-background-image").style.backgroundImage = "url(" + reader.result + ")";        
   }

   if(file){
      reader.readAsDataURL(file);
    }else{
    }
} 

Опять же, это устанавливает изображение для текущей вкладки, пока пользователь не щелкает мышью.Можно ли сохранить фоновое изображение пользователя для будущих и других вкладок?

Answer 1

Мое решение было основано на другом вопросе:*