`
stuhack0303
  • 浏览: 14655 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Flex 4 (Gumbo) 预览本地文件.

阅读更多
Flex 4 之前,在上传文件的时候,是不能浏览或者读取本地文件的。大部分的解决方案就是,先把文件上传到服务器中,然后通过URL对象读取。在新版的Flex 4中有所改善。

在Flex 4中,FileReference 对象新增了load()方法,此方法就是读取选取的文件。通过data属性,就可以返回选择文件的二进制字节数据。 示例代码如下所示:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
minWidth="1024" minHeight="768"
creationComplete="initApp(event)">

<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
private var fileRef:FileReference;

protected function btnUpload_clickHandler(event:MouseEvent):void
{
var arr:Array = [];
                arr.push(new FileFilter("Images", ".gif;*.jpeg;*.jpg;*.png"));
fileRef.browse(arr);
}

protected function initApp(event:FlexEvent):void
{
fileRef = new FileReference();
fileRef.addEventListener(Event.SELECT, fileRef_select);
fileRef.addEventListener(Event.COMPLETE, fileRef_complete);
}

private function fileRef_select(evt:Event):void
{
fileRef.load();
}

private function fileRef_complete(evt:Event):void
{
img.source = fileRef.data;
}

]]>
</fx:Script>

<s:layout>
<s:VerticalLayout gap="3"/>
</s:layout>

<s:Button id="btnUpload" label="选择图片"
click="btnUpload_clickHandler(event)"/>

<mx:Image id="img" width="400" height="300" />

</s:Application>
0
0
分享到:
评论

相关推荐

    Flash.Builder.4.&.Flex.4 Flex4

    《Flash.Builder.4.&.Flex.4 Flex4》是一本专为学习Adobe Flash Builder 4和Flex 4技术而编写的指南。这本书如同一场及时雨,为开发者提供了深入理解和掌握这两项技术的宝贵资源。Flash Builder 4是Adobe公司推出的...

    flex4组建以及DEMO实例.安装序列号

    Spark组件基于Flex4的图形渲染引擎——Gumbo,允许开发者自定义组件外观和行为,提供了更丰富的UI设计可能性。例如,Button、Label、Accordion、TabNavigator等都是常用的Spark组件,它们可以通过MXML或ActionScript...

    Manning.Hello.Flex.4.Nov.2009.rar

    Flex 4,也被称为Gumbo,引入了全新的Skinning和Component Model,允许开发者通过视觉元素和行为的分离,实现更加定制化的用户界面设计。这一改变使得Flex 4可以更好地适应各种风格和交互需求,提高了应用程序的用户...

    [Flash Builder 4 and Flex 4 Bible] Flex 4 宝典 配套代码

    Flex 4,也被称为Gumbo,是Adobe Flex框架的一个重大更新,它引入了许多新特性,提高了开发人员构建富互联网应用程序(RIAs)的效率。Flash Builder 4是用于开发Flex和ActionScript应用的主要集成开发环境(IDE),...

    flex-sdk-4.5.0.20967.zip

    2. **Flex Builder**:虽然不是直接包含在zip文件中,但Flex SDK通常与Flex Builder(或后来的Flash Builder)一起使用,这是一个集成开发环境(IDE),提供了代码编辑、调试和构建工具,极大提升了开发效率。...

    flexlib - 2.5 - flex4,flexlib-.2.4.zip

    在2.5和2.4这两个版本中,它继续为Flex 4框架提供支持,Flex 4是Adobe Flex SDK的一个重大更新,引入了全新的图形渲染引擎(Gumbo)和ActionScript 3.0的改进。 Flexlib 2.5针对Flex 4的特性进行了优化,可能包括对...

    HTML5解析引擎 OCGumbo.zip

    HTML5解析引擎 OCGumbo ,OCGumbo是一个Objective-C写的HTML5解析引擎,基于Google gumbo开源项...

    FLEX4的皮肤skin

    SparkSkin是Flex 4(Gumbo)引入的主要皮肤类,位于`spark.skins`包下。它是一个Group类型的容器,这意味着你可以直接添加图形元素和子组件来构建皮肤。SparkSkin是所有Spark可视组件外观的基础,涵盖了mx.spark包中...

    Flex4学习资料

    "Flex_4[1].0_RIA开发详解讲义.ppt" 这个文件很可能是Flex4的培训教程或课程讲义,内容可能涵盖以下几个方面: 1. **基础概念**:介绍Flex 4的基本概念,包括Flex SDK、Flash Player、Adobe AIR以及ActionScript ...

    Using_Flex_4.rar

    6. ** skins 和 styles**:Flex 4的皮肤(skins)和样式(styles)系统是其一大亮点,允许开发者通过简单的XML或CSS文件定义组件外观,实现了界面的动态变化和高度个性化。 7. **Effects and Transitions**:Flex 4...

    Flex 4的十大变化

    Flex 4,也被称为Gumbo,是Adobe Flex框架的一个重大更新,它引入了许多关键变化以提升RIA(Rich Internet Applications)的开发效率和用户体验。以下是Flex 4中的十大变化的详细说明: 1. **Adobe Catalyst集成**...

    Flex3与flex4的区别

    Flex4,其代号为Gumbo,是在Flex3的基础上进行了重大升级,旨在改进用户体验和开发效率。下面将详细探讨Flex4与Flex3在组件架构、布局管理、状态使用、效果实现以及迁移过程中的关键差异。 ### 组件和外观架构 ...

    cairngorm2.2.1 与 flex4的集成. error错误解决

    Flex 4,也称为Gumbo,是Adobe Flex SDK的一个重大更新,引入了Spark组件模型和FXG图形格式,为开发者提供了更多的设计自由度和性能提升。 集成Cairngorm 2.2.1与Flex 4时,首先需要确保你已经正确安装了Flex ...

    Flex4权威指南源代码

    4. **Gumbo**:Flex 4的早期代号,它引入了新的皮肤层(Skinning)和样式(Styling)机制,使得开发者可以更自由地定制组件外观,而无需深入到组件内部代码。 5. **Flex Builder**:Adobe的IDE,为Flex 4开发提供了...

    Flex 4 权威指南 代码

    标签"Flex 4"表明了这个压缩包文件的内容与Flex 4紧密相关,可能是代码示例、项目案例、学习资料等。"flex4tfs"这个文件名可能表示它是Flex 4与Team Foundation Server (TFS)的结合,TFS是微软的一个版本控制系统,...

    Flex4权威指南(中文版+英文版+源代码)

    《Flex4权威指南》是一本全面深入探讨Adobe Flex 4技术的专业书籍,旨在为开发者提供详尽的指导和实践知识。Flex是Adobe公司推出的一种用于构建富互联网应用程序(RIA)的开源框架,它基于ActionScript和Flash ...

    Flex4实战源代码

    3. **图形渲染引擎(Gumbo)**:Flex4引入了新的图形渲染引擎,名为Gumbo,它基于GPU硬件加速,提高了图形处理效率,尤其是在复杂的UI和动画场景中。 4. **数据绑定增强**:Flex4的数据绑定机制更加灵活,支持双向...

    Flex4 经典帮助文档

    Flex4还引入了全新的图形层——Gumbo,后更名为Flash Player的Stage3D。Stage3D提供了一个低级别的硬件加速API,用于创建高性能的2D和3D图形。这为开发者提供了创建复杂动画和游戏的可能性,极大地提升了Flex应用的...

    C语言 HTML解析器 Gumbo Example

    4. 处理元素和属性:对于每个元素节点,你可以检查其标签名、属性和属性值,进行相应的操作,如查找特定ID或类名的元素,或者提取链接和图片资源。 5. 清理资源:在完成解析后,别忘了释放分配的内存,调用`gumbo_...

    FLEX4 DOCUMENT

    根据给定的文件信息,我们可以总结出以下关于Adobe Flex 4的重要知识点: ### Adobe Flex 4简介 Adobe Flex 4(代号为Gumbo)是一款用于构建和部署跨平台的富互联网应用程序(RIA)的强大框架。它允许开发者利用...

Global site tag (gtag.js) - Google Analytics