文档章节

php将图片保存到html中

gcudwork
 gcudwork
发布于 2017/09/07 09:39
字数 491
阅读 11
收藏 0

近日有了将图片和文本一起保存在html的需求,我首先想到的是mht,这是微软的一种格式,能将样式,图片全都保存在网页里,我于是在网上搜索生成mht的方法,搜到了有两种方法,一是用ie保存网页为mht,一个是用html2mht软件生成mht

首先我手写了一个html,引用的是本地图片,用ie打开并保存为mht,结果发现chrome无法打开,生成的mht里面是以file引用图片的,ie能开,chrome因为安全的原因就打不开了,方法否决

我又用那个软件转换了一个mht,好,卡了半天,还是ie能开,chrome还是不能开,用ie再生成mht,chrome仍然不能开,方法否决

我想到mht里图片是以data加某种编码的方式保存的,搜了下发现是base64,于是file_get_contents加base64_encode读取文件并转换了编码,将编码贴到src里,data类型声明了,但图片就是出不来,用字符串拼接了个img标签图片才显示,发现生成的编码不一样,这是为啥?

为了便于复制,我将编码输出到textarea里,复制也挺卡的,最后保存打开,图片正常显示,成功!

需要说一下,图片的格式是

<img src="data:image/jpeg;base64,编码内容">

英文逗号别少了,估计只要用data:image加base64声明就可以显示图片,后面图片格式声明在视觉上应该是影响不大的

另外粘贴到notepad++中挺卡的,窗口大小调整及滑动也不流畅,建议直接php输出标签及编码内容

经过base64编码后的html整个体积约为原文件体积和的1.33倍,没有特殊要求的话还是不太建议使用base64的图片

© 著作权归作者所有

共有 人打赏支持
gcudwork
粉丝 0
博文 13
码字总数 6023
作品 0
武汉
程序员
使用PHP导出Word文档的原理和实例

PHP操作Word文档的方法有很多,这里再为大家提供一种方法。 原理 一般,有2种方法可以导出doc文档,一种是使用com,并且作为php的一个扩展库安装到服务器上,然后创建一个com,调用它的方法。...

mysoftsky
2013/10/22
0
0
新手学PHP,求指错

图片上传 选择图片:

CoderAndy
2014/03/20
167
3
服务器端调用本地电脑的php代码程序

制作了一个简单的图片上传程序,并放在服务器上,如下: HTML代码如下: 图片上传

Strongstudy
2016/06/15
236
1
php实现上传图片保存到数据库的方法

http://www.jb51.net/article/61034.htm 作者:傲雪星枫 字体:[增加 减小] 类型:转载 这篇文章主要介绍了php实现上传图片保存到数据库的方法,可通过将图片保存在数据库实现多台服务器共享文...

thinkyoung
2015/06/15
0
0
PHP中的HTML5应用 将Canvas图像保存到服务器

在几年前HTML5还没有流行的时候,我们的项目经理曾经向我提出这样一个需求:让项目评审专家们在评审结束时用笔在平板电脑上进行电子签名。这需要我们评审软件里提供这样一个功能:打开浏览器...

罗马教堂的钟声
2015/12/12
126
0

没有更多内容

加载失败,请刷新页面

加载更多

一切都靠大数据:滴滴已封禁4.3万人员、车辆

这段时间以来,滴滴出行相继出炉了各种整改措施,包括自身安全建设和外部社会共建,昨日就刚刚宣布正在筹备建立安全监督顾问委员会。 据媒体最新报道,9月30日,上海市交通委员会执法总队、上...

linuxCool
45分钟前
4
0
awk命令用法介绍

10月18日任务 9.6/9.7 awk 1.awk(上)(下) 1.awk 分段操作功能 指定分隔符,并把第一段打印出来,不会改动文件内容 将所有内容打印出来 awk 没有指定分隔符号,则会默认用空格或者空白字符...

hhpuppy
今天
4
0
Spring Cloud Eureka Server高可用之:在线扩容

本文共 1591字,阅读大约需要 6分钟 ! 概述 业务微服务化以后,我们要求服务高可用,于是我们可以部署多个相同的服务实例,并引入负载均衡机制。而微服务注册中心作为微服务化系统的重要单元...

CodeSheep
今天
3
0
内网esxi主机上安装CoreOS虚拟机

CoreOS是一个为专门运行容器而设计的轻量级linux发行版,旨在通过轻量的系统架构和灵活的应用程序部署能力简化数据中心的维护成本和复杂度。它没有包管理工具,运行容器化应用以提供服务;默...

hiwill
今天
2
0
20181018 上课截图

![](https://oscimg.oschina.net/oscnet/49f66c08ab8c59a21a3b98889d961672f30.jpg) ![](https://oscimg.oschina.net/oscnet/a61bc2d618b403650dbd4bf68a671fabecb.jpg)......

小丑鱼00
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部