Настройка стиля backgroundImage из FileReader

Я ищу решение, которое позволяет мне взять файл из входа загрузки файла и просмотреть его, установив document.body.style.backgroundImage.

Следующий код работает для отображения предварительного просмотра в элементе изображения:

function setImage(id, target){
  input = document.getElementById(id);
  if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function (e) {
      target.src = e.target.result;
    };

        reader.readAsDataURL(input.files[0]);
  }
}

Где id - это идентификатор , а target - .

Следующий код описывает то, что я хотел бы сделать, однако e.target.result имеет формат data: image / png; base64 и явно не работает там, где css запрашивает URL.

  function setBackgroundImage(id){
    input = document.getElementById(id);
    if (input.files && input.files[0]) {
      var reader = new FileReader();

      reader.onload = function (e) {
          document.body.style.backgroundImage = e.target.result;
      };

      reader.readAsDataURL(input.files[0]);
    }
  }

Спасибо за вашу помощь!