`
roger_588
  • 浏览: 69757 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flex中本地图片上传前的预览

阅读更多

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12" creationComplete="init()">
    <mx:Script>
        <![CDATA[
            import mx.utils.*;
            import flash.net.*;
            
            private var fileReference:FileReference=new FileReference();
            private var byteArray:ByteArray;
            private var bitmapData:BitmapData;
            private var loader:Loader=new Loader();
            private function init():void
            {               
                fileReference.addEventListener(Event.COMPLETE,fileReferenceCompleteHandler);
            }
            private function fileReferenceCompleteHandler(e:Event):void
            {
                byteArray = fileReference.data;
                loader.contentLoaderInfo.addEventListener(Event.COMPLETE,loaderCompleteHandler);
                loader.loadBytes(byteArray);
            }
            private function loaderCompleteHandler(e:Event):void
            {
                var bitmap:Bitmap = Bitmap(loader.content);
                bitmapData = bitmap.bitmapData;
                img.source = bitmap;
            }
            private function fileReferenceSelectHandler(e:Event):void
            {
                fileReference.load();
            }
            private function btnClick():void
            {
                fileReference.browse();
                fileReference.addEventListener(Event.SELECT,fileReferenceSelectHandler);
            }
        ]]>
    </mx:Script>
    <mx:Panel width="456" height="345" horizontalCenter="0" verticalGap="0" horizontalAlign="center" verticalAlign="middle">
        <mx:Image id="img" width="263" height="234"/>
        <mx:Button label="选择..." click="btnClick()"/>
    </mx:Panel>
</mx:Application>

分享到:
评论
3 楼 roger_588 2010-10-19  
lijingjing_0725 写道
额耶。。解决了噢。。嘻嘻。。

继续努力!
2 楼 lijingjing_0725 2010-10-16  
额耶。。解决了噢。。嘻嘻。。
1 楼 lijingjing_0725 2010-10-16  
byteArray = fileReference.data;
这个地方有问题。。不知道怎么解决。。我看我师兄写的代码加了一句话。我也加了可是还是没用。。data 和Load()这两个不支持。。。

相关推荐

    Flex4.6+java+servlet上传图片例子+图片上传预览

    这个"Flex4.6+java+servlet上传图片例子+图片上传预览"的项目,结合了前端的Flex技术和后端的Java Servlet,为我们提供了一个完整的解决方案。下面将详细解释这个项目的各个组成部分及其工作原理。 首先,让我们来...

    flex图片上传带预览功能

    在IT行业中,图片上传预览功能是Web应用中常见的需求,尤其在社交网络、电子商务以及内容管理系统等场景下。本文将详细讲解如何使用Adobe Flex实现一个具有图片上传和预览功能的应用。 首先,Flex是一种开源的开发...

    flex批量上传图片带预览功能

    标签"flex上传图片"和"上传图片带预览"强调了Flex在图片上传中的应用和预览功能的重要性。在实际开发中,还可能涉及到错误处理、进度显示、多线程上传等复杂情况,这些都是提升用户体验和系统稳定性的关键因素。 综...

    Flex 上传图片 预览 加载图片到内存

    在IT行业中,尤其是在Web开发领域,用户经常需要上传图片,比如在社交媒体、电子商务网站或个人博客等场景...在实际项目中,还需要考虑性能优化、安全性以及用户体验等方面的问题,以提供稳定可靠的图片上传预览功能。

    flex图片上传带预览功能_flexsc.zip

    在本文中,我们将深入探讨如何在Flex...通过掌握以上知识点,我们可以创建一个功能完善的Flex图片上传预览组件。这个组件不仅可以用于网站,还可以在桌面或移动设备的应用中发挥作用,为用户提供便捷的图片上传体验。

    ASP.NET源码——[图片动画]flex图片上传带预览功能.zip

    这个压缩包“ASP.NET源码——[图片动画]flex图片上传带预览功能.zip”显然是一个用于展示如何在ASP.NET环境中实现图片上传并带有预览功能的示例代码。 Flex是Adobe公司推出的一种用于创建富互联网应用(RIA)的开发...

    flex图片上传带预览功能_图片动画网站.rar

    在本文中,我们将深入探讨如何在Flex环境中实现一个图片上传并带有预览功能的网站。Flex是一种基于ActionScript 3的开源框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的图形用户界面组件和强大的数据...

    ASP.NET-[图片动画]flex图片上传带预览功能.zip

    在这个压缩包中,"ASP.NET-[图片动画]flex图片上传带预览功能.zip" 涉及到的是如何在ASP.NET平台上实现一个使用Flex技术的图片上传功能,同时还具备图片预览的功能。 Flex是由Adobe开发的一种开放源代码的富互联网...

    ASP,NET源码——[图片动画]flex图片上传带预览功能.zip

    在这个案例中,Flex可能用于创建图片上传的界面以及动态显示预览效果。Flex应用与ASP.NET服务器端通信通常通过AMF(Action Message Format)或HTTP服务。 5. **AJAX异步上传**: 为了提供更好的用户体验,可以使用...

    flex自定义截取图片上传

    在Flex中,可以使用FileReference类来处理用户选择的文件,包括读取、预览和上传。 4. **C#与.NET**:后端处理通常由服务器端语言完成,这里使用了C#,这是一种面向对象的编程语言,广泛应用于.NET框架下。.NET框架...

    flex 文件上传 预览下载 及中文名乱码解决问题

    本篇文章将详细介绍如何在Flex中实现文件上传、预览、下载功能,并解决中文文件名在这些操作中可能出现的乱码问题。 首先,文件上传是通过HTTP的POST请求来实现的。在Flex中,我们可以使用`URLLoader`类来发送数据...

    html5图片上传插件预览图片尺寸大小上传代码

    &lt;title&gt;HTML5图片上传预览 &lt;div id="preview"&gt;&lt;/div&gt; &lt;script src="js/main.js"&gt;&lt;/script&gt; ``` 接下来,我们编写JavaScript代码(`js/main.js`)来处理图片预览。HTML5的FileReader API可以读取用户选择的...

    Flex文件上传(某GIS系统,我负责的文件上传部分)

    Flex文件上传技术是基于Adobe Flex框架实现的一种交互式文件上传方式,常用于GIS(Geographic Information System,地理信息系统)这样的应用中,以便用户能够方便地上传地理数据、地图图像等文件。在我负责的GIS...

    flex文件上传下载,在线以pdf形式浏览文件

    1. **文件上传**:在Flex应用中,可以使用FileReference类来处理文件上传操作。FileReference允许用户选择本地文件,并通过HTTP POST请求将其发送到服务器。文件上传过程中可以显示进度条,通过监听DataEvent.UPLOAD...

    flex多文件上传控件(flex源码)

    了解以上知识点后,开发者可以对这个Flex多文件上传控件进行自定义,以适应特定项目的需求,如添加权限验证、文件预览功能、多线程上传等。总的来说,这个控件提供了一个灵活的基础,帮助开发者快速实现高效的文件...

    Flex上传本地图片并提前浏览的实现方法

    Flex技术实现本地图片上传并预览的详细知识点包括以下几个方面: 1. Flex框架简介: Flex是Adobe公司开发的一套用于构建和维护富有表现力的Web应用的框架,它使用了MXML和ActionScript作为开发语言。MXML是一种基于...

    文件上传下载+预览功能

    在IT领域,文件上传下载和预览功能是Web应用程序中非常常见且重要的组成部分,尤其在文档分享、在线协作和知识管理平台中。本篇将详细阐述这一功能的实现原理、技术选型以及相关知识点。 首先,文件上传是用户将...

    Flex4 文件上传

    1. **用户界面**:在Flex中,通常会使用一个组件,如FileUpload控件,允许用户选择本地文件。用户点击按钮,系统弹出文件选择对话框,用户选取文件后,FileReference对象会被初始化。 2. **FileReference类**:这是...

    Flex+ASP.NET上传文件

    1. **Flex前端开发**:在Flex中,我们可以使用FileReference类来处理文件上传。FileReference提供了选择文件、预览文件以及上传文件的功能。用户可以通过选择文件对话框选择本地文件,然后调用FileReference的upload...

    flex文件上传系统

    2. **文件选择和预览**:在上传前,系统可能允许用户浏览和预览选定的文件,确保上传的是正确的内容。 3. **多文件上传**:Flex支持多文件同时上传,提高用户效率,尤其是在处理大量文件时。 4. **进度反馈**:在...

Global site tag (gtag.js) - Google Analytics