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

1、Flex中Image控件相关之(FileReference.load())加载预览图片

阅读更多

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中实现实时图片预览和加载图片到内存的技术。 首先,我们要明白Flex中的图片处理主要是通过`mx.controls.Image`组件来完成的。`Image`组件可以显示静态图像,如JPEG、PNG和GIF格式。...

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

    在这个"flex多文件上传控件"中,我们可以看到它是Flex技术在文件上传场景中的应用,特别适合于需要批量或单个上传文件到服务器的Web应用。 该控件是通过Adobe Flash Builder 4进行开发的,Flash Builder是一个集成...

    flex上传控件,带进度、时间、速度显示

    Flex上传控件是一种基于Adobe Flex技术的用户界面组件,它允许用户在Web应用程序中上传文件。Flex是一个开源的开发框架,主要用于构建富互联网应用程序(RIA),它可以创建动态、交互式的Web应用,支持丰富的图形和...

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

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

    Flex 文件上传 java是后台服务

    3. 调用`FileReference.load()`方法读取文件数据到内存中。 4. 数据加载完成后,`FileReference`会触发`data`事件,开发者可以在此时准备上传请求。 5. 使用`FileReference.upload()`方法发起HTTP POST请求,将文件...

    flex 怎么检测文件大小.

    在IT行业中,Flex是一种基于ActionScript和Flash Player的开源框架,主要用于构建富互联网应用程序(RIA)。在Flex中处理文件大小的检测是开发过程中常见的需求,特别是在上传或下载文件时。以下将详细介绍如何在...

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

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

    Flex 上传文件控件 (带java服务端)

    1. **Flex中的文件上传组件**:在Flex中,我们通常使用`FileReference`类来实现文件上传功能。它允许用户从本地系统选择文件,并将其上传到服务器。`FileReference`类提供了`browse()`方法让用户选择文件,`upload()...

    基于flex的无刷上传控件可以显示进度条

    在IT行业中,无刷上传控件是一种用户交互体验优化的技术,尤其在文件上传场景中,它能够提供实时的进度反馈,提升用户体验。本教程将详细讲解如何基于Flex技术实现无刷上传控件,并讨论其与JavaScript和Ajax的关系,...

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

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

    Flex-Java-file-upload.zip_flex

    标题中的“Flex-Java-file-upload.zip_flex”表明这是一个关于使用Adobe Flex与Java进行文件上传交互的教程。Flex是一种基于ActionScript的开放源代码框架,用于构建富互联网应用程序(RIA)。它允许开发者创建动态...

    flex图片上传带预览功能

    在Flex中,`BitmapData`类可以用于处理图像数据,`load()`方法可以加载文件数据,然后可以创建一个`Bitmap`对象显示预览。 3. **上传处理**:上传图片通常涉及与服务器的交互。在`UploadFile.aspx`和`UploadFile....

    asp.net基于Flex的上传控件(多文件)

    1. **创建Flex组件**:首先,你需要在Flex环境中创建一个自定义的上传控件。这个控件应该包含一个文件选择对话框,用户可以从中选择多个文件进行上传。控件还需要一个进度条组件,以实时更新每个文件的上传进度。 2...

    flex+spring图片上传及预览

    我们可以使用`BitmapData.load()`方法加载服务器返回的图片URL,然后将其显示在Bitmap对象中。为了实现动态预览,可以在图片加载完成时触发一个事件,更新显示区域的内容。 为了优化用户体验,可以添加进度条显示...

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

    我们可以加载FileReference中的图像数据到BitmapData对象,然后将其显示在Canvas或Image组件上,为用户提供实时预览。 3. **事件监听**:为了响应用户的选择和上传操作,我们需要添加事件监听器。例如,当用户点击...

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

    3. **图片预览**:对每个FileReference对象调用load()方法,加载图片数据,然后创建BitmapData对象,展示预览。 4. **上传处理**:利用FileReference的upload()方法,将图片数据发送到服务器。可能需要设置HTTP头...

    flex 打开本地图片

    flex 打开本地图片并进行显示 var loader:Loader = new Loader(); loader.contentLoaderInfo.addEventListener(Event.COMPLETE, this.onLoadByted); loader.loadBytes(this.fileReference.data);

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

    1. **前端界面**:使用Flex构建的用户界面,包含图片选择和预览的控件。用户可以通过这个界面选择本地图片,上传后即时在页面上预览。 2. **图片上传组件**:Flex可能包含了自定义的上传组件,处理文件选择、文件...

    Flex+WebService附件上传下载

    在Flex中,附件的上传通常使用`FileReference`类。`FileReference`是ActionScript 3.0中的一个核心类,允许用户选择本地文件,并执行读取、写入和上传操作。在文件上传过程中,我们首先需要在用户界面上添加一个按钮...

    Flex 剪切放大旋转

    这个压缩包中的“Flex 剪切放大旋转”项目,显然涉及到使用Flex技术来实现图片处理功能,包括上传图片、裁剪、放大和旋转。下面我们将详细探讨这些知识点。 1. **Flex框架**: Flex提供了MXML和ActionScript两种...

Global site tag (gtag.js) - Google Analytics