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

转载于:https://www.cnblogs.com/meteoric_cry/archive/2011/08/25/2152713.html

Base64编码的字符串与图片的互转相关推荐

为什么base64编码的字符串的末尾有=符号
本文翻译自:Why does a base64 encoded string have an = sign at the end I know what base64 encoding is and ...
[转载] python程序所需的图片通过base64编码成字符串放在代码中
参考链接: 在Python中编码和解码Base64字符串问题背景 python代码打包成exe可执行文件.问题是这个python程序执行时需要显示一张图片,这就意味着打包成exe后,也需要在exe同 ...
c#图片base64去转义字符_C#实现字符串与图片的Base64编码转换操作示例
本文实例讲述了C#实现字符串与图片的Base64编码转换操作.分享给大家供大家参考,具体如下: using System; using System.Collections.Generic; usin ...
c#图片base64去转义字符_C#实现字符串与图片的Base64编码转换操作示例|chu
本文实例讲述了C#实现字符串与图片的Base64编码转换操作.分享给大家供大家参考,具体如下: using System; using System.Collections.Generic; usin ...
mysql 图片base64_关于图片的Base64编码
什么是Base64编码 Base64编码是一种图片处理格式,通过特定的算法将图片编码成一长串字符串,在页面上显示的时候,可以用该字符串来代替图片的url属性. base64编码就是长得像下面这样子的代 ...
c#图片base64去转义字符_C# imgage图片转base64字符/base64字符串转图片另存成
//图片转为base64编码的字符串 protected string ImgToBase64String(string Imagefilename) { try { Bitmap bmp = new ...
图片Base64编码
图片处理在前端工作中可谓占据了很重要的一壁江山.而图片的 base64 编码可能相对一些人而言比较陌生,本文不是从纯技术的角度去讨论图片的 base64 编码.标题略大,不过只是希望通过一些浅显的论述 ...
BASE64编码的图片在网页中直接用
BASE64位转码有两种: 一种是图片转为Base64编码,这种编码是直接可以在页面通过<img src='base64编码'/>的方式显示 Base64 在CSS中的使用 .demoIm ...
BASE64编码的图片在网页中的显示问题
BASE64位转码有两种: 一种是图片转为Base64编码,这种编码是直接可以在页面通过<img src='base64编码'/>的方式显示 Base64 在CSS中的使用 .demoIm ...

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

Base64编码的字符串与图片的互转相关推荐

最新文章

热门文章