從輸入文件 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>

我無法在從輸入類型文件獲得的背景上上傳文件。

Answer 1

你沒有正確設置背景 url 你應該這樣做

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

將（url）放入字符串中