javascript - 从输入文件 url 将图像放在背景上

Question

<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>

我无法在从输入类型文件获得的背景上上传文件。

标签： javascripthtmldom

Answer 1

您没有正确设置背景网址，您应该这样做

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

将（url）放入字符串中