Flex中Image控件相关之(FileReference.load())加载预览图片、头像、照片,不多说上代码。
<?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/mx" minWidth="955" minHeight="600"
creationComplete="createHandler()">
<fx:Script>
<![CDATA[
private var fileRefer:FileReference = new FileReference();
private function createHandler():void{
fileRefer.addEventListener(Event.SELECT,selectHandler); //选择文件
fileRefer.addEventListener(Event.COMPLETE,completeHandler);//加载完成
fileRefer.addEventListener(SecurityErrorEvent.SECURITY_ERROR,errorHandler);//异常
}
private function selectHandler(event:Event):void{
if(fileRefer){
fileRefer.load();
}
}
private function completeHandler(event:Event):void{
if(fileRefer){
mySource.source = fileRefer.data;
}
}
private function errorHandler(event:Event):void{
trace("error...")
}
protected function sourceFileContainer_clickHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
fileRefer.browse([new FileFilter("Images(*.jpg;*.gif;*.png)","*.jpg;*.gif;*.png")]);//选择图片格式文件
}
]]>
</fx:Script>
<fx:Declarations>
</fx:Declarations>
<s:BorderContainer id="sourceFileContainer" x="8" y="30" borderColor="#1F7888" click="sourceFileContainer_clickHandler(event)">
<s:Image id="mySource" width="130" height="127"/>
</s:BorderContainer>
<s:Label x="34" y="167" width="75" height="17" text="点击选择图片"/>
</s:Application>
分享到:
相关推荐
本篇文章将详细讲解如何在Flex中实现实时图片预览和加载图片到内存的技术。 首先,我们要明白Flex中的图片处理主要是通过`mx.controls.Image`组件来完成的。`Image`组件可以显示静态图像,如JPEG、PNG和GIF格式。...
在这个"flex多文件上传控件"中,我们可以看到它是Flex技术在文件上传场景中的应用,特别适合于需要批量或单个上传文件到服务器的Web应用。 该控件是通过Adobe Flash Builder 4进行开发的,Flash Builder是一个集成...
Flex上传控件是一种基于Adobe Flex技术的用户界面组件,它允许用户在Web应用程序中上传文件。Flex是一个开源的开发框架,主要用于构建富互联网应用程序(RIA),它可以创建动态、交互式的Web应用,支持丰富的图形和...
在这个压缩包中,"ASP.NET-[图片动画]flex图片上传带预览功能.zip" 涉及到的是如何在ASP.NET平台上实现一个使用Flex技术的图片上传功能,同时还具备图片预览的功能。 Flex是由Adobe开发的一种开放源代码的富互联网...
3. 调用`FileReference.load()`方法读取文件数据到内存中。 4. 数据加载完成后,`FileReference`会触发`data`事件,开发者可以在此时准备上传请求。 5. 使用`FileReference.upload()`方法发起HTTP POST请求,将文件...
在IT行业中,Flex是一种基于ActionScript和Flash Player的开源框架,主要用于构建富互联网应用程序(RIA)。在Flex中处理文件大小的检测是开发过程中常见的需求,特别是在上传或下载文件时。以下将详细介绍如何在...
1. **文件上传**:在Flex应用中,可以使用FileReference类来处理文件上传操作。FileReference允许用户选择本地文件,并通过HTTP POST请求将其发送到服务器。文件上传过程中可以显示进度条,通过监听DataEvent.UPLOAD...
1. **Flex中的文件上传组件**:在Flex中,我们通常使用`FileReference`类来实现文件上传功能。它允许用户从本地系统选择文件,并将其上传到服务器。`FileReference`类提供了`browse()`方法让用户选择文件,`upload()...
在IT行业中,无刷上传控件是一种用户交互体验优化的技术,尤其在文件上传场景中,它能够提供实时的进度反馈,提升用户体验。本教程将详细讲解如何基于Flex技术实现无刷上传控件,并讨论其与JavaScript和Ajax的关系,...
在本文中,我们将深入探讨如何在Flex环境中实现一个图片上传并带有预览功能的网站。Flex是一种基于ActionScript 3的开源框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的图形用户界面组件和强大的数据...
标题中的“Flex-Java-file-upload.zip_flex”表明这是一个关于使用Adobe Flex与Java进行文件上传交互的教程。Flex是一种基于ActionScript的开放源代码框架,用于构建富互联网应用程序(RIA)。它允许开发者创建动态...
在Flex中,`BitmapData`类可以用于处理图像数据,`load()`方法可以加载文件数据,然后可以创建一个`Bitmap`对象显示预览。 3. **上传处理**:上传图片通常涉及与服务器的交互。在`UploadFile.aspx`和`UploadFile....
1. **创建Flex组件**:首先,你需要在Flex环境中创建一个自定义的上传控件。这个控件应该包含一个文件选择对话框,用户可以从中选择多个文件进行上传。控件还需要一个进度条组件,以实时更新每个文件的上传进度。 2...
我们可以使用`BitmapData.load()`方法加载服务器返回的图片URL,然后将其显示在Bitmap对象中。为了实现动态预览,可以在图片加载完成时触发一个事件,更新显示区域的内容。 为了优化用户体验,可以添加进度条显示...
我们可以加载FileReference中的图像数据到BitmapData对象,然后将其显示在Canvas或Image组件上,为用户提供实时预览。 3. **事件监听**:为了响应用户的选择和上传操作,我们需要添加事件监听器。例如,当用户点击...
3. **图片预览**:对每个FileReference对象调用load()方法,加载图片数据,然后创建BitmapData对象,展示预览。 4. **上传处理**:利用FileReference的upload()方法,将图片数据发送到服务器。可能需要设置HTTP头...
flex 打开本地图片并进行显示 var loader:Loader = new Loader(); loader.contentLoaderInfo.addEventListener(Event.COMPLETE, this.onLoadByted); loader.loadBytes(this.fileReference.data);
1. **前端界面**:使用Flex构建的用户界面,包含图片选择和预览的控件。用户可以通过这个界面选择本地图片,上传后即时在页面上预览。 2. **图片上传组件**:Flex可能包含了自定义的上传组件,处理文件选择、文件...
在Flex中,附件的上传通常使用`FileReference`类。`FileReference`是ActionScript 3.0中的一个核心类,允许用户选择本地文件,并执行读取、写入和上传操作。在文件上传过程中,我们首先需要在用户界面上添加一个按钮...
这个压缩包中的“Flex 剪切放大旋转”项目,显然涉及到使用Flex技术来实现图片处理功能,包括上传图片、裁剪、放大和旋转。下面我们将详细探讨这些知识点。 1. **Flex框架**: Flex提供了MXML和ActionScript两种...