Base64编码的字符串与图片的互转

用Flex写了一个例子,图片(暂时仅支持png、jpg/jpeg)转成base64编码的字符串(默认取上传文件的后缀名,然后添加了“data:image/(png|gif|jpg|jpeg);base64,”)

可以直接复制出编码后的字符串,在网页中使用<img src=”copy得到的字符串” />就可以预览效果了

在另一个输入框中,输入base64编码格式的字符串,点击解码,会解析得到相应的图片(不过程序默认将jpg的质量为100进行转换--普通使用的是60),可以选择保存解码出来后的图片

(解码一次只能点击一次保存,这里似乎有bug,有空再研究)

唯一不太靠谱的是:在解码之后加载图片,没有什么好的属性或是方法直接获取Image对象它的文件格式(后缀),所以在选择保存文件时,可能存在问题。代码中是直接写死了对应的一个值(在网上搜索byteArray得到真实的文件类型,但文章中没有指出什么值对应的是png或是jpg)。不过测试下来基本是符合预期的,如果机器配置不高,不建议上传大文件进行测试 :)

程序在本地debug出来的结果如下图:

一个是正向编码,一个是反向根据解析字符串得到byteArray,然后使用图片加载它,具体实现可以参考代码(就一个主mxml文件,其它的包其实可以使用flex自带的)

下载地址>>

下载完成后,解压可找到文件夹的目录“bin-release”,然后直接运行“Base64toImage.swf”--可能提示需要访问本地资源,可以到adobe官网上去设置flash可允许访问的系统盘符。设置完成后,在bin-release目录中找到srcview目录,双击里面的inidex.html可浏览整个源码

在线演示地址:http://1.meteoric.sinaapp.com/Base64toImage.swf

或是这里:http://drmcmm.baidu.com/media/id=n1DsP1c1nWf&gp=401&time=nHnkPjc1PWfknf.swf

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏牛客网

分享经验热乎乎的秋招第一个产品offer去哪儿网

我是之前在校招投了去哪儿的产品经理,6号在宣讲会第一站点进行了线上笔试,当晚接到了通知第二天下午进行面试,精神抖擞,刷了一遍简历了解了一遍OTA就上阵了

15120
来自专栏Forrest随想录

我是一个什么风格的管理者?

昨天一口气看了好几篇刘建国老师,在极客时间《技术管理实战36讲》的文章,看地非常过瘾。

83830
来自专栏日知录

跃迁:成为高手的技术

14420
来自专栏一直在跳坑然后爬坑

行观点与列观点

8410
来自专栏凌帅的阅读思考与实践

加密货币必将成为世界货币称霸全球(二)

[第一篇文章](https://mp.weixin.qq.com/s/8-FskjZJFRJPd4oFl4BAww)中,凌帅分析了加密货币本身的先进性及作为全球...

17120
来自专栏Modeng的专栏

思考:如何高效的说服别人

国庆期间去一个同学那里去玩耍,因为他是做服务行业的所以国庆没有放假,所以我就只能一边看他做生意,一边等他清闲了聊上两句。

9710
来自专栏轮子工厂

简历修改了100遍,却仍然没有找到满意的工作,你可能需要看一下这篇文章

最近恰逢秋招,身边很多朋友都跟我抱怨说,简历投出去了不少,可是很多都是石沉大海,没有了回音。于是就急的不行,纷纷跑过来请教简历制作大法。

12820
来自专栏Java后端技术栈

程序员:天冷了,今天穿件衬衫上班!

不说了,小编已经感冒了,赶紧穿上我最爱的格子衬衫!降温了,大家千万要注意别感冒了。另外,别忘了穿上格子衬衫去上班吧!

24020
来自专栏本立2道生

电脑护眼设置:蓝色光波过滤

本人高度近视,因此平时使用电脑时总会关注如何护眼,安卓手机上使用了app “蓝色光波过滤”,感觉不错,就想看看PC上有没有相应的软件,找倒是找到了,不过需要先安...

13010
来自专栏web前端

Button按钮--inject与provide

inject 和 provider 是vue中的组合选项,需要一起使用。目的是允许一个祖先组件向其所有子孙后代注入依赖(简单地说就是祖先组件向子孙后代传值的一种...

28610

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励