社区
JavaScript
帖子详情
如何将图片以编码的方式嵌入到网页中。不用图片文件的格式存在
Wilson咻咻咻
2009-06-18 12:00:57
比如说有一张个人照片,我想把它嵌入到简历中。只一个html页面,不需要图形源文件
我想步骤应该就是:
先将图片转换成一种编码格式
再将这种编码转换成图片显示在页面
请高手指点一二,谢谢了!
...全文
522
24
打赏
收藏
如何将图片以编码的方式嵌入到网页中。不用图片文件的格式存在
比如说有一张个人照片,我想把它嵌入到简历中。只一个html页面,不需要图形源文件 我想步骤应该就是: 先将图片转换成一种编码格式 再将这种编码转换成图片显示在页面 请高手指点一二,谢谢了!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
24 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
bihoo88
2009-07-01
打赏
举报
回复
有一次,我发现有一个html页面中有一个图片,怎么也找不到,发现它是把图片直接放在网页中,可惜这个html文件不知道放哪儿了,找不到了。
现在我也觉得这个有用,想找,没了。呵呵。
Wilson咻咻咻
2009-06-22
打赏
举报
回复
大家快快给我解决下。谢谢啦!
Wilson咻咻咻
2009-06-22
打赏
举报
回复
[Quote=引用 12 楼 suih2114 的回复:]
楼上把事情搞复杂了。楼主只是想把照片和网页融合在一个文件中而已。先做好简历,插好图片,打开另存成一个mht文件就行了。
[/Quote]就这个意思。谢谢了!
xiangtanboy
2009-06-20
打赏
举报
回复
[Quote=引用 11 楼 darkfox123 的回复:]
我以为他想要一个文件什么都装下的那种啊.
[/Quote]
他是要一个文件什么都装下, 但是这个文件要静态的html文件..
danier9687
2009-06-20
打赏
举报
回复
学习了。。。。。。。。。。。。。。。
qingniaoIT
2009-06-20
打赏
举报
回复
图片可以保存为xml文件格式的.
sciolist
2009-06-20
打赏
举报
回复
不清楚,等待高手解答
darkfox123
2009-06-20
打赏
举报
回复
[Quote=引用 16 楼 cqdyh 的回复:]
在firfox下可以用 <img src= "data:image/gif,base64,Base64Code" />
IE 不支持, 其它浏览工具可能很多也不支持.
[/Quote]
除了这个回答靠边, 我们的想法都复杂了.
楼主这个问题,耐心的等待吧
http://news.csdn.net/a/20090617/212000.html
darkfox123
2009-06-20
打赏
举报
回复
[Quote=引用 15 楼 xiangtanboy 的回复:]
引用 11 楼 darkfox123 的回复:
我以为他想要一个文件什么都装下的那种啊.
他是要一个文件什么都装下, 但是这个文件要静态的html文件..
[/Quote]
照你这样说,楼上回答皆错误,人家要求的是"html"文件.
地球人都知道,目前为止行不通.
cqdyh
2009-06-20
打赏
举报
回复
在firfox下可以用 <img src= "data:image/gif,base64,Base64Code" />
IE 不支持, 其它浏览工具可能很多也不支持.
darkfox123
2009-06-20
打赏
举报
回复
上面打错了,是c/s结构,不是b/s结构
再补充一下,让c/s 程序也使用http协议的请求获取数据,很方便快捷,这是只使用一个文件的好处之一.
darkfox123
2009-06-20
打赏
举报
回复
[Quote=引用 12 楼 suih2114 的回复:]
楼上把事情搞复杂了。楼主只是想把照片和网页融合在一个文件中而已。先做好简历,插好图片,打开另存成一个mht文件就行了。
[/Quote]
我是假设他的要求是"非脱机", 都你们说的这么简单别人还来问个啥啊?
这种要求很常见, 客户要求将整个信息保留在一个文件中以便于归档以及多平台多环境引用,
我个人的倾向是存成xml文件,将所有(图片,文字,用于查看的相关数据)信息都保存在里面,
需要的时候直接读出来输出给客户端.
碰到一个b/s结构程序,就把xml直接发出去,
碰到浏览器请求就把数据读出来分次发送出去.
suih2114
2009-06-19
打赏
举报
回复
楼上把事情搞复杂了。楼主只是想把照片和网页融合在一个文件中而已。先做好简历,插好图片,打开另存成一个mht文件就行了。
darkfox123
2009-06-19
打赏
举报
回复
[Quote=引用 10 楼 xiangtanboy 的回复:]
人家就是想要一个静态页面,照LS那样还不如直接插个图片来的省事
[/Quote]
我以为他想要一个文件什么都装下的那种啊.
xiangtanboy
2009-06-19
打赏
举报
回复
人家就是想要
一个
静态页面,照LS那样还不如直接插个图片来的省事
darkfox123
2009-06-19
打赏
举报
回复
做成静态的我不清楚,但动态的可以,把图片数据直接存放到服务端脚本中去.根据请求输出到客户端,如果请求类型不是图片,就默认输出页面.
可以写个生成服务端脚本文件的脚本文件来解决,不会很麻烦.
xiangtanboy
2009-06-19
打赏
举报
回复
编码格式可以参考 飞秋Feiq 的配置文件, 里面有头像和个人形象两个配置节是图片, 有xml和注册表两种保存方式.
至于怎么解码, 参考5楼说的.
natineprince
2009-06-19
打赏
举报
回复
找个工具写成byte放到src里.
Wilson咻咻咻
2009-06-19
打赏
举报
回复
有没有实现的代码。谢谢了。关注中!
光宇广贞
2009-06-18
打赏
举报
回复
对,存成mht格式就可以。
IE现在都支持这种保存方式。
加载更多回复(4)
SVN 使用
方式
基础实战精讲(大神必经之路)
Apache Subversion 通常被缩写成 SVN,是一个开放源代码的版本控制系统,Subversion 在 2000 年由 CollabNet Inc 开发,现在发展成为 Apache 软件基金会的一个项目,同样是一个丰富的开发者和用户社区的一部分。SVN相对于的RCS、CVS,采用了分支管理系统,它的设计目标就是取代CVS。互联网上免费的版本控制服务多基于Subversion。 SVN 的主要功能(1)目录版本控制CVS 只能跟踪单个
文件
的历史, 不过 Subversion 实作了一个 虚拟 的版本控管
文件
系统, 能够依时间跟踪整个目录的变动。 目录和
文件
都能进行版本控制。(2)真实的版本历史自从CVS限制了
文件
的版本记录,CVS并不支持那些可能发生在
文件
上,但会影响所在目录内容的操作,如同复制和重命名。除此之外,在CVS里你不能用拥有同样名字但是没有继承老版本历史或者根本没有关系的
文件
替换一个已经纳入系统的
文件
。在Subversion
中
,你可以增加(add)、删除(delete)、复制(copy)和重命名(rename),无论是
文件
还是目录。所有的新加的
文件
都从一个新的、干净的版本开始。(3)自动提交一个提交动作,不是全部更新到了档案库
中
,就是不完全更新。这允许开发人员以逻辑区间建立并提交变动,以防止当部分提交成功时出现的问题。(4)纳入版本控管的元数据每一个
文件
与目录都附有一組属性关键字并和属性值相关联。你可以创建, 并儲存任何你想要的Key/Value对。 属性是随着时间来作版本控管的,就像
文件
內容一样。(5)选择不同的网络层Subversion 有抽象的档案库存取概念, 可以让人很容易地实作新的网络机制。 Subversion 可以作为一个扩展模块
嵌入
到Apache HTTP 服务器
中
。这个为Subversion提供了非常先进的稳定性和协同工作能力,除此之外还提供了许多重要功能: 举例来说, 有身份认证, 授权, 在线压缩, 以及
文件
库浏览等等。还有一个轻量级的独立Subversion服务器, 使用的是自定义的通信协议, 可以很容易地通过 ssh 以 tunnel
方式
使用。(6)一致的数据处理
方式
Subversion 使用二进制差异算法来异表示
文件
的差异, 它对文字(人类可理解的)与二进制
文件
(人类无法理解的) 两类的
文件
都一视同仁。 这两类的
文件
都同样地以压缩形式储
存在
档案库
中
, 而且
文件
差异是以两个方向在网络上传输的。(7)有效的分支(branch)与标签(tag)在分支与标签上的消耗并不必一定要与项目大小成正比。 Subversion 建立分支与标签的方法, 就只是复制该项目, 使用的方法就类似于硬连接(hard-link)。 所以这些操作只会花费很小, 而且是固定的时间。(8)HackabilitySubversion没有任何的历史包袱; 它主要是一群共用的 C 程序库, 具有定义完善的API。这使得 Subversion 便于维护, 并且可被其它应用程序与程序语言使用。
一文掌握:
图片
转Base64
编码
的原理、实践(自定义
图片
本地缓存等)以及优化事项
图片
Base64
编码
将
图片
数据转换为ASCII字符串,便于网络传输和存储。实现步骤包括读取
图片
文件
、转换为字节数组,再通过
编码
算法生成Base64字符串。应用场景广泛,如
网页
图片
嵌入
、数据加密传输等。自定义
图片
本地缓存可提升性能,减少网络请求。使用时需注意
编码
效率、内存占用,优化方法包括压缩
图片
、异步加载等。掌握Base64
编码
原理与技巧,能更高效地处理
图片
数据。
base64
图片
是什么?原理是什么?优缺点是什么?
Base64
图片
是一种将图像数据
编码
为文本字符串的方法,通常用于将图像
嵌入
到
网页
或其他文档
中
,以减少HTTP请求或实现某些特定的需求。Base64
编码
的原理是将3个8位的字节转化为4个6位的字节,然后在6位的前面补两个0,形成8位一个字节的形式。为了保证所输出的
编码
位可读字符,Base64制定了一个
编码
表,以便进行统一转换。总的来说,Base64
图片
适用于在
网页
中
嵌入
小图像或者将二进制数据转换为文本
格式
进行传输的情况。但在大量
图片
的存储和传输或者需要保护敏感信息的情况下,不适合使用Base64
编码
。
html
图片
要
存在
哪里,将html
中
的
图片
和html保
存在
一个
文件
里
html是超文本标记语言,里面显示的
图片
一般是指向另一个url的,但是,在我使用word的时候,我发现word
文件
里面是可以包含
图片
的,而且
图片
是保
存在
word
文件
里面的,这个就比html方便多了,当我保存html的时候,一般需要把相应的资源
文件
(
图片
、css、js)保存到一个目录里面,这个感觉麻烦。css、js是可以直接写在html里面的,那么,能不能将
图片
数据也直接写到html里面的,去goo...
html
图片
url,Data URL和
图片
Data URL给了我们一种很巧妙的将
图片
“
嵌入
”到HTML
中
的方法。跟传统的用img标记将服务器上的
图片
引用到页面
中
的
方式
不一样,在Data URL协议
中
,
图片
被转换成base64
编码
的字符串形式,并存储在URL
中
,冠以mime-type。本文
中
,我将介绍如何巧妙的使用Data URL优化网站加载速度和执行效率。1. Data URL基本原理
图片
在
网页
中
的使用方法通常是下面这种利用img标记的形...
JavaScript
87,923
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章