2016-11-19 86 views
0

我正在構建一個博客網站,當我嘗試上傳照片時遇到麻煩。我需要將照片粘貼到網頁中。我知道JavaScript可以做到這一點,但它隻影響網頁的當前會話。我需要的形象永久地嵌入到網頁,因爲這div元素的子項,例如:用PHP永久編輯HTML文件

<div id="img-wrapper"></div> 

一切都是用PHP文件上傳OK。我怎樣才能用PHP做到這一點?

回答

1

我認爲它不是一個明智的解決方案,因爲它增加了頁面大小,但您可以通過以下方式做到這一點: -

一些例子:

HTML:

<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." /> 

CSS :

div.image { 
    width:100px; 
    height:100px; 
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...); 
} 

以下是樣本代碼

https://jsfiddle.net/casiano/xadvz/

對於聯機圖像到基座64編碼Click here