文档章节

php将图片保存到html中

gcudwork
 gcudwork
发布于 2017/09/07 09:39
字数 491
阅读 12
收藏 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
博文 14
码字总数 6288
作品 0
武汉
程序员
私信 提问
服务器端调用本地电脑的php代码程序

制作了一个简单的图片上传程序,并放在服务器上,如下: HTML代码如下: 图片上传 PHP代码如下: 0) { echo "Error: " . $_FILES["file"]["error"] . " "; //由表单file input的到$_FILES的值...

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

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

thinkyoung
2015/06/15
0
0
使用PHP导出Word文档的原理和实例

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

mysoftsky
2013/10/22
0
0
php 上传图片保存到数据库例子

php 上传图片保存到数据库例子 php 上传图片,一般都使用moveuploadedfile方法保存在服务器上。但如果一个网站有多台服务器,就需要把图片发布到所有的服务器上才能正常使用(使用图片服务器...

蜗牛奔跑
2016/03/08
50
0
新手学PHP,求指错

图片上传 选择图片: 0) { echo "Return Code: " . $_FILES["file"]["error"]." "; }else{ //判断文件是否存在 if(file_exists("picture/".$_SESSION['name']."/".$_FILES["file"]["name"])......

CoderAndy
2014/03/20
168
3

没有更多内容

加载失败,请刷新页面

加载更多

缓存穿透,缓存雪崩的四种解决方案

前言 设计一个缓存系统,不得不要考虑的问题就是:缓存穿透、缓存击穿与失效时的雪崩效应。 缓存穿透 缓存穿透是指查询一个一定不存在的数据,由于缓存是不命中时被动写的,并且出于容错考虑...

小致dad
20分钟前
1
0
PHP 文字生成透明图片之路

摘要:在现在的开发中会经常运用到生成图片的功能,常用的验证码生成等。PHP语言生成图片需要用到GD2功能模块,所以基本的图片,图形处理都是没什么压力滴。 准备: 1、打开GD2模块,在php.i...

昙花一现
21分钟前
0
0
impala系列: 基本命令和jdbc连接

--======================= 使用impala-shell 登录 --======================= impala-shell --auth_creds_ok_in_clear -l -i ip_address -u user_name --======================= JDBC dri......

hblt-j
22分钟前
1
0
CSS实例详解:Flex布局

本文由云+社区发表 本文将通过三个简单的实例,实际应用上篇文章的基础理论知识,展示下Flex布局是如何解决CSS布局问题。 一.垂直居中 这里同时用非flex布局和flex布局两种方式来实现,可以...

腾讯云加社区
28分钟前
4
0
安装全局webpack

https://www.jianshu.com/p/119a825d8bba npm ls webpack 和npm ls webpack -g 查看本地和全局版本 npm install webpack@1.15.0 -g 全局 然后到项目里面 npm install npm init npm install w......

lsy999
40分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部