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