Base64编码的字符串与图片的互转
2011-08-25 00:42
357 查看
用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
可以直接复制出编码后的字符串,在网页中使用<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
相关文章推荐
- Base64编码的字符串与图片的转换 C#
- 校验经过base64编码的字符串是否是图片文件
- js对图片base64编码字符串进行解码并输出图像示例
- 校验出生日期,校验身份证格式,校验会员账户:9开头数字,校验手机号码是否合法,判断字符串中的url是否都是图片格式字符串,通过图片url读取图片并将图片转换成base64编码
- 不借助工具手动按原理实现图片转BASE64字符串编码
- C# 在网页中将Base64编码的字符串显示成图片
- Base64编码的字符串 与 图片的 转换
- Base64编码格式图片字符串-保存图片到Tomcant中
- 将图片文件转化为字节数组字符串,并对其进行Base64编码处理
- Base64编码的字符串与图片的转换 C#
- Delphi 读取 c# webservice XML的base64编码图片字符串转化图片并显示
- 对编码后的字节数组字符串进行Base64解码并生成图片
- C#Base64编码的字符串与图片的转换
- Base64编码的字符串与图片的转换 C# .
- 如何使用c#上传图片,图片是base64编码的字符串
- Delphi 读取 c# webservice XML的base64编码图片字符串转化图片并显示
- Flex 加载Base64编码的二进制字符串图片
- JS 对图片base64编码字符串进行解码并输出图像
- Flex 3中如何显示被存储为Base64编码字符串的图片的例子