0
我正在構建一個博客網站,當我嘗試上傳照片時遇到麻煩。我需要將照片粘貼到網頁中。我知道JavaScript可以做到這一點,但它隻影響網頁的當前會話。我需要的形象永久地嵌入到網頁,因爲這div元素的子項,例如:用PHP永久編輯HTML文件
<div id="img-wrapper"></div>
一切都是用PHP文件上傳OK。我怎樣才能用PHP做到這一點?
我正在構建一個博客網站,當我嘗試上傳照片時遇到麻煩。我需要將照片粘貼到網頁中。我知道JavaScript可以做到這一點,但它隻影響網頁的當前會話。我需要的形象永久地嵌入到網頁,因爲這div元素的子項,例如:用PHP永久編輯HTML文件
<div id="img-wrapper"></div>
一切都是用PHP文件上傳OK。我怎樣才能用PHP做到這一點?
我認爲它不是一個明智的解決方案,因爲它增加了頁面大小,但您可以通過以下方式做到這一點: -
一些例子:
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