2016-11-19 140 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