我從網絡服務器獲取一個PNG圖像的原始圖像數據,並希望將其用作div元素的背景圖像。這可能沒有將數據首先保存爲圖像文件?HTML/CSS:背景圖像從原始圖像數據,而不是網址
1
A
回答
4
使用data URI:
document.getElementById('e').src = 'data:image/png;base64,ton_of_crap';
在維基百科的文章,對PHP和Python輸出代碼base-64編碼圖像。您可以將其推入CSS文件的url()
(或<img />
標記的src
屬性),它應該可以工作。
1
您是否嘗試過(使用jQuery):
$('#divID').css("background-image", "url(/myimage.png)");
+0
把服務器的URL放在css中,如果那個服務器可以被客戶端訪問,當然 – memosdp
相關問題
- 1. 背景網址 - 圖像路徑
- 2. 誤用的背景圖像:網址
- 3. css乘以背景圖像而不是一個圖像
- 4. 圖像縮放JS(與背景圖像,而不是img)
- 5. iOS:背景圖像黑色而不是請求的圖像?
- 6. 圖像作爲原始圖像數據返回而不是URL字符串
- 7. 從背景圖像
- 8. 內嵌圖像與背景圖像:網址()
- 9. 在背景圖像背景圖像
- 10. 懸停改變背景圖像而不是背景顏色
- 11. 從Qt加載原始數據圖像
- 12. 網頁的背景圖像
- 13. 從右側而不是從左側定位背景圖像
- 14. 從3個圖像QPushbutton背景圖像
- 15. 需要克隆位圖圖像,而不對原始圖像
- 16. 組從原始圖像獲取高度,而不是縮放圖像
- 17. 從原始的黑色背景中提取蒙版圖像
- 18. 背景圖像不能用於圖像
- 19. 圖像與背景圖像不顯示
- 20. 隱藏而不移除背景圖像
- 21. 從許多背景圖像中創建一個背景圖像
- 22. 將圖像從網址(而不是數據庫)加載到網站上
- 23. 背景圖像
- 24. 背景圖像
- 25. 圖像背景
- 26. 圖像背景
- 27. 背景圖像
- 28. 背景圖像將不會以其原始大小顯示
- 29. 從網址讀取圖像元數據
- 30. 不顯示網頁背景圖像
這個圖像不是base64編碼的,所以我試圖離開「; base64」出來,但是圖像不顯示.. 。 – user1448982
它需要base64編碼。 「原始數據」是什麼意思?就像圖像文件的內容一樣,或者是一個顯示生成圖像的特殊URL? – Blender
其圖像文件的內容以 開頭?PNG IHDR(...) – user1448982