如何在background-image上設置授權標題：url（）？

Question

我想通過REST API檢索背景圖像。

但是，要做到這一點，我需要授權。

該令牌是從背景圖像應該加載的上下文可用，但我不知道如何將其添加到請求。

任何想法？這可能嗎？

在另一種方法中，我使用我的網絡服務器爲來自特定上下文中的所有請求添加授權。這工作正常，但不可能了。

Answer 1

一種方法是通過Javascript請求圖像，設置正確的標題，然後將圖像顯示爲對象URL/blob。這裏有一個例子：

fetch('https://i.imgur.com/PLKabDV.png', { headers: { 
 
    "Content-Type": "application/json" // this header is just an example, put your token here 
 
    } }) 
 
    .then(response => response.blob()) 
 
    .then(blob => { 
 
    let img = document.getElementById('image'); 
 
    let url = URL.createObjectURL(blob); 
 
    img.style.backgroundImage = `url(${url})`; 
 
    })

<div id="image" style="width: 430px; height: 430px;"></div>