文档章节

php将图片保存到html中

gcudwork
 gcudwork
发布于 2017/09/07 09:39
字数 491
阅读 9
收藏 0
点赞 0
评论 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

新手学PHP,求指错

图片上传 选择图片:

CoderAndy ⋅ 2014/03/20 ⋅ 3

服务器端调用本地电脑的php代码程序

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

Strongstudy ⋅ 2016/06/15 ⋅ 1

【代码实现】PHP生成各种随机验证码

文章来源:PHP开发学习门户 (自行开发的个人网站) 验证码在WEB应用中非常重要,通常用来防止用户恶意提交表单,如恶意注册和登录、论坛恶意灌水等。本文将通过实例讲解使用PHP生成各种常见...

PHP开发学习门户 ⋅ 2014/10/07 ⋅ 0

php实现上传图片保存到数据库的方法

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

thinkyoung ⋅ 2015/06/15 ⋅ 0

CactiEZ安装Weathermap

好久之前装的CactiEZ,相当好用的东西,可惜发现装的CactiEZ9不自带Weathermap(最新的10自带了,但是10是在X64linux系统下,所以就没更换),手工安装一个Weathermap,作为记录。 由于是之前...

xulinjun ⋅ 2011/05/10 ⋅ 0

最新整合阿里云OSS方法-phpcms

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

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

php 上传图片保存到数据库例子

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

蜗牛奔跑 ⋅ 2016/03/08 ⋅ 0

php 上传图片保存到数据库例子

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

蜗牛奔跑 ⋅ 2016/03/08 ⋅ 0

织梦dedecms整合Ueditor1.4.3百度编辑器(最新版2015年12月整合)

一,去官网下载最新的php版, .本整合只修改内容文章页面的管理器,栏目页修改,及自定义页面的编辑器没法正常使用,(主要问题是没法保存内容或没法上传图片) 如果您想编辑这两个地方, 暂时的也是...

越野小生 ⋅ 2015/12/20 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

从方法论到零售客户实践 解码阿里巴巴数据中台——2018上海云栖大会

摘要: 一、数据中台之道 6月8日,上海云栖大会进入了第二天的议程,数据中台专场论坛座无虚席,数据中台总架构师邓中华女士向在场的观众介绍了数据中台的衍生发展之道。 基于OneID、OneData...

阿里云云栖社区 ⋅ 18分钟前 ⋅ 0

Ubuntu部署django问题汇总

使用Anaconda3的Python3.6的pip安装UWSGI报错 原因是gcc版本不兼容,安装4.7并修改gccsudo apt-get install gcc-4.7sudo mv /usr/bin/gcc /usr/bin/gcc.baksudo ln -s /usr/bin/gcc-4.......

wuyaSama ⋅ 22分钟前 ⋅ 0

从方法论到零售客户实践 解码阿里巴巴数据中台——2018上海云栖大会

摘要: 一、数据中台之道 6月8日,上海云栖大会进入了第二天的议程,数据中台专场论坛座无虚席,数据中台总架构师邓中华女士向在场的观众介绍了数据中台的衍生发展之道。 基于OneID、OneData...

猫耳m ⋅ 22分钟前 ⋅ 0

Docker减肥小记

如果经常使用 docker,你会发现 docker 占用的资源膨胀很快,其中最明显也最容易被察 如何快速的清理 docker 占用的系统资源,具体点说就是删除那些无用的镜像、容器、网络和数据卷… 1、查看...

寰宇01 ⋅ 32分钟前 ⋅ 0

微信小程序中如何使用WebSocket实现长连接(含完整源码)

本文由腾讯云技术团队原创,感谢作者的分享。 1、前言 微信小程序提供了一套在微信上运行小程序的解决方案,有比较完整的框架、组件以及 API,在这个平台上面的想象空间很大。腾讯云研究了一...

JackJiang- ⋅ 40分钟前 ⋅ 0

定制库到Maven本地资源库

1.如果只有定制库的JAR文件 下载链接如下:pdf.jar 2.使用命令转换成Maven本地资源 mvn install:install-file -Dfile=/Users/manager/Downloads/clj-pdf-2.2.33.jar -DgroupId=clj-pdf -Dar......

年少爱追梦 ⋅ 44分钟前 ⋅ 0

高仿springmvc之xuchen-mvc

package org.mvc.framework.servlet; import java.io.BufferedReader; import java.io.ByteArrayInputStream; import java.io.ByteArrayOutputStream; import java.io.File; import java.io.......

徐志 ⋅ 47分钟前 ⋅ 0

关于自定义URLStreamHandler的一次踩坑

关于自定义URLStreamHandler的一次踩坑 20180625 lambo init 说明 一般自定义实现url的协议解析.方案为实现URLStreamHandler.实现其 openConnection 就可以了, 如果我们执行 new URL("xx://...

林小宝 ⋅ 48分钟前 ⋅ 0

【SM2证书】利用BC的X509v3CertificateBuilder组装X509国密证书

演示证书文件 链接: https://pan.baidu.com/s/1ijHNnMQJj7jzW-jXEVd6Gg 密码: vfva 所需jar包 <!-- https://mvnrepository.com/artifact/org.bouncycastle/bcpkix-jdk15on --> <dependenc......

小帅帅丶 ⋅ 49分钟前 ⋅ 0

用Calendar 实现 计算 一段时间的毫秒值

Calendar c=Calendar.getInstance();c.add(Calendar.MONTH, -1);int lastMonthMaxDay=c.getActualMaximum(Calendar.DAY_OF_MONTH);c.set(c.get(Calendar.YEAR), c.get(Calendar.MONTH)......

岸芷汀兰 ⋅ 52分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部