наложение изображения на фон из URL входного файла

#javascript #html #dom

#javascript #HTML #дом

Вопрос:

 <script>
var loadFile = function(event) {
    var img=URL.createObjectURL(event.target.files[0]);
    document.getElementById('Display1').style.backgroundImage= url(img);
};
</script>
 
 
<div class="HM1EI" id="Display1">
 <button type="button" class="_1q_T1">
  <label>
   <input type="file"  accept="image/*" name="image" id="file1"  onchange="loadFile(event)" style="display: none;">
    Add Media
  </label>

</button>
</div>
 

Я не могу загрузить файл в фоновом режиме, который я получаю из файла входного типа.

Ответ №1:

Вы неправильно устанавливаете фоновый URL-адрес, вы должны сделать это следующим образом

 document.getElementById('Display1').style.backgroundImage = `url('img_tree.png')`;
 

Поместить (url) в строку

Комментарии:

1. Используйте строку шаблона для динамического создания строки URL