編碼圖像背景的div

我想設置使用編碼圖像的div背景，它將div添加黑色背景，但它顯示在CSS中，當我檢查它的鉻。編碼圖像背景的div

這裏是javascript代碼。

var myDiv = document.createElement("div"); 
var imgPath = "http://127.0.0.1:8888/service/file/download/hd1.jpg?code=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjU3ZTYwOTMyOWE5MmQ0MGEwNzk5YzZmYiJ9.H78qRMZNOfWxVnA8mbybQD5Yh1ZBVRhRQgzFNmJMVvs"; 
$(myDiv).css("background-image", "url(" + imagPath + ")");

任何幫助將不勝感激。謝謝。

來源

2016-09-24 Tushar Shinde

您是否在第3行有錯字？「imagPath」應該是「imgPath」 – SalkinD

問題是如何放置背景圖像或如何防止某人在檢查員中看到圖像？或者是一個錯字，「但它顯示在CSS中，當我檢查它在鉻」？ – Assimilater

它是某種加密路徑，當我粘貼在img標籤中的路徑，然後是顯示圖像在該標籤，當我粘貼在瀏覽器中的編碼的網址，它下載圖像與尊重的圖像名稱是以前？代碼 –

所以background-image不能用於css函數。如果你

$(myDiv).css("background")

你會得到所有的背景相關的性能，如空間像分隔字符串「背景重複屬性的background-image屬性」什麼，你能做的就是存儲這個字符串作爲一個變量，與URL（ImagePath的）字符串和CSS功能Concat的它設置的背景屬性上面concanated字符串，所以上面的代碼會

var backgroundString = $(myDiv).css("background") 
    var urlString = "url("+imagePath+")" 
    backgroundString = backgroundString+urlString 
    $(myDiv).css("background",backgroundString)

這種運作良好，如果你沒有背景圖片，但如果你有一個背景-image你必須用正則表達式替換現有的url部分。

var backgroundString = $(myDiv).css("background").replace(/url\(\"(http)(s)+\:\/\/\w+.+/,'')

來源

2016-09-24 08:29:17 user3013823

我很欣賞你的努力，但是仍然顯示該div的黑色背景。 –

嘗試把它放在setTimeout – user3013823

仍然沒有顯示圖像:( –

編碼圖像背景的div

回答

相關問題