flex压缩图片exif信息(作者/相机)丢失问题解决
更新时间：2013年02月18日 11:12:10 作者：
使用flex的jpegencoder对图片进行压缩的时候，exif信息会丢失这一点确实令人郁闷啊,此问题应当如何解决呢？经研究jpeg的文档，最终解决这个问题,晒出来与大家分享希望可以帮助到你们
在用flex的jpegencoder对图片进行压缩的时候，exif信息会丢失，也就是图片的作者，用的相机，神马的，全部都没有了，怎么办呢？
经研究jpeg的文档，最终解决这个问题
1.jpeg的文件格式，分成一个一个frame，每个frame以0xFF打头，然后跟着一个标识未，比如0xFFD8表示文件的开始，0xFFD9表示文件结束,紧接着标识位的是这个frame的长度，长度不包括0xFF和标识位，但包括这个2个字节的长度，比如一个frame开始了，先是一个0xFF然后是一个0xXX,然后是两个0x0010,说明这个frame的长度是16,整个frame的长度其实是18,
2.我们要研究的是图片的exif信息，他的标识位是0xE1
而且这个0xE1有两种情况，第一种，就是紧跟着文件头，就是0xE1,第二种，就是在0xE1之前还有一个0xE0,
所以在把这个byteArray在如到图片对象之前，先要获取到这个0xE1的frame的所有数据，代码如下：
//获取0xFFE1 app1也就是exif信息
var tempData:ByteArray = new ByteArray();
//这里的e.target.data是图片的原始byteArray
tempData.writeBytes(e.target.data,0,e.target.data.bytesAvailable);
tempData.position = 3; //读取第四个字节
var exif:Number = tempData.readUnsignedByte();
if(exif == 0xE1) { //看这个字节是不是0xE1
this.Debug("有exif信息");
//读一个长度
var exifLength:Number = tempData.readUnsignedShort();
file_item.exifArray.writeBytes(tempData,tempData.position-2,exifLength); //如果是，将exif信息读入一个文件对象
} else if(exif == 0xE0) { //是e0,那么跳过这个frame，看下边
tempData.position = 4;
var e0Length:Number = tempData.readUnsignedShort();
tempData.position = 4+e0Length;//跳过e0
tempData.position += 1;//跳过0xff
var isEx:Number = tempData.readUnsignedByte();
if(isEx==0xE1) {
var len:Number = tempData.readUnsignedShort();
file_item.exifArray.writeBytes(tempData,tempData.position-2,len);
}
}
然后处理完了这些，我们就需要把这段frame给插到压缩之后的byteArray里
代码的逻辑应该一目了然的，嘿嘿
if(file_item.exifArray.length>0) { //写入exif信息
var desData:ByteArray = new ByteArray();
desData.writeBytes(oldData,0,2);//0xffd8
desData.writeByte(0xff);
desData.writeByte(0xe1);
desData.writeBytes(file_item.exifArray,0,file_item.exifArray.bytesAvailable);
desData.writeBytes(oldData,2,oldData.bytesAvailable);
desData.position = 0;
this.uploadFileTest(desData,file_item);
} else {
this.uploadFileTest(e.target.ba,file_item);
}
经研究jpeg的文档，最终解决这个问题
1.jpeg的文件格式，分成一个一个frame，每个frame以0xFF打头，然后跟着一个标识未，比如0xFFD8表示文件的开始，0xFFD9表示文件结束,紧接着标识位的是这个frame的长度，长度不包括0xFF和标识位，但包括这个2个字节的长度，比如一个frame开始了，先是一个0xFF然后是一个0xXX,然后是两个0x0010,说明这个frame的长度是16,整个frame的长度其实是18,
2.我们要研究的是图片的exif信息，他的标识位是0xE1
而且这个0xE1有两种情况，第一种，就是紧跟着文件头，就是0xE1,第二种，就是在0xE1之前还有一个0xE0,
所以在把这个byteArray在如到图片对象之前，先要获取到这个0xE1的frame的所有数据，代码如下：
复制代码 代码如下:
//获取0xFFE1 app1也就是exif信息
var tempData:ByteArray = new ByteArray();
//这里的e.target.data是图片的原始byteArray
tempData.writeBytes(e.target.data,0,e.target.data.bytesAvailable);
tempData.position = 3; //读取第四个字节
var exif:Number = tempData.readUnsignedByte();
if(exif == 0xE1) { //看这个字节是不是0xE1
this.Debug("有exif信息");
//读一个长度
var exifLength:Number = tempData.readUnsignedShort();
file_item.exifArray.writeBytes(tempData,tempData.position-2,exifLength); //如果是，将exif信息读入一个文件对象
} else if(exif == 0xE0) { //是e0,那么跳过这个frame，看下边
tempData.position = 4;
var e0Length:Number = tempData.readUnsignedShort();
tempData.position = 4+e0Length;//跳过e0
tempData.position += 1;//跳过0xff
var isEx:Number = tempData.readUnsignedByte();
if(isEx==0xE1) {
var len:Number = tempData.readUnsignedShort();
file_item.exifArray.writeBytes(tempData,tempData.position-2,len);
}
}
然后处理完了这些，我们就需要把这段frame给插到压缩之后的byteArray里
代码的逻辑应该一目了然的，嘿嘿
复制代码 代码如下:
if(file_item.exifArray.length>0) { //写入exif信息
var desData:ByteArray = new ByteArray();
desData.writeBytes(oldData,0,2);//0xffd8
desData.writeByte(0xff);
desData.writeByte(0xe1);
desData.writeBytes(file_item.exifArray,0,file_item.exifArray.bytesAvailable);
desData.writeBytes(oldData,2,oldData.bytesAvailable);
desData.position = 0;
this.uploadFileTest(desData,file_item);
} else {
this.uploadFileTest(e.target.ba,file_item);
}
相关文章
Flex4 DataGrid中嵌入RadioButton实现思路及代码
本节主要介绍了Flex4 DataGrid中嵌入RadioButton实现思路及代码,需要的朋友可以参考下2014-07-07
在启动Tomcat，提示8080端口被占用了,该如何解决呢？本文整理了一些修改方法，感兴趣的朋友可以参考下，希望可以帮助到你2013-02-02
获取DataGrid行号和列号在使用过程中还是蛮实用的，下面为大家详细介绍下FLEX是如何做到的，感兴趣的朋友可以了解下2013-09-09
这篇文章主要介绍了Flex弹出窗口请求Action函数,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了Flex父子窗口相互调用实现思路及源码,需要的朋友可以参考下2014-05-05
Flex中 Array 的IndexOf用于在索引中从小到大查找，如果查得到就返回索引值，查不到就返回-1，下面有个示例，大家可以参考下2014-07-07
Flex中没有设置LinkButton的背景色的属性，可以直接通过调用样式方法画出LinkButton的背景色2014-08-08
这篇文章主要介绍了Flex播放器(实现播放、缓冲进度条和音频曲线显示),需要的朋友可以参考下2014-07-07
datagrid不可编辑行一个更简单的办法，editable=“true”，然后直接把itemEditBegin给停掉阻止createItemEditor的调用2014-01-01
让新窗口看上去像新的一页，于是就投机想让PopUp的窗口界面大小自适应屏幕，下面是flex4 获取当前窗口的长度与宽度示例，需要的朋友可以参考下2014-07-07
最新评论