文档章节

php将图片保存到html中

gcudwork
 gcudwork
发布于 2017/09/07 09:39
字数 491
阅读 10
收藏 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
博文 10
码字总数 4784
作品 0
武汉
程序员
使用PHP导出Word文档的原理和实例

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

mysoftsky
2013/10/22
0
0
服务器端调用本地电脑的php代码程序

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

Strongstudy
2016/06/15
236
1
新手学PHP,求指错

图片上传 选择图片:

CoderAndy
2014/03/20
167
3
php实现上传图片保存到数据库的方法

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

thinkyoung
2015/06/15
0
0
最新整合阿里云OSS方法-phpcms

1、为简化整合步骤,使用该方法整合后,默认是所有图片、附件都要上传至OSS,并未在后台设置中添加是否启用OSS的开关。 2、上传的图片或附件,还是会在PHPCMS所在服务器保留一份。主要是基于...

豆花饭烧土豆
2016/11/10
11
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

002,zabbix-agent的安装 监控Linux主机

2.1.安装zabbix-agent $ rpm -i http://repo.zabbix.com/zabbix/3.4/rhel/7/x86_64/zabbix-release-3.4-2.el7.noarch.rpm$ yum install -y zabbix-agent zabbix-get 2.2.配置zabbix-agent ......

happyeveryday32
34分钟前
2
0
docker learn :swarm

swarm是什么 swarm是一组运行docker服务的集群,之后,还是使用那些命令去操作docker,但是是通过swarm manager来执行的。 swarm中的机器可以是实体的也可以是虚拟的,加入swarm后,他们被当作...

writeademo
35分钟前
1
0
Golang + vscode 开发环境配置

GOPATH 环境变量的配置 https://my.oschina.net/xinxingegeya/blog/718305 安装vscode go 扩展 下载vscode ,安装go的扩展https://github.com/Microsoft/vscode-go 该扩展对 Golang 支持非常......

秋风醉了
37分钟前
0
0
idea jar包

我自己用idea新建一个springboot项目,打包一直有问题,百度了下,又总结了下。 方式一: 找到Project Structure菜单,然后点开,照下图点击 然后出现下图所示 红框1:为你项目的main函数所在...

朝如青丝暮成雪
38分钟前
0
0
Vue scoped CSS 与深度作用选择器 /deep/

使用 scoped 后,父组件的样式将不会渗透到子组件中。 例如(无效): <template> <div id="app"> <el-input class="text-box" v-model="text"></el-input> </div></template><......

不负好时光
39分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部