<?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>
分享到:
相关推荐
这个"Flex4.6+java+servlet上传图片例子+图片上传预览"的项目,结合了前端的Flex技术和后端的Java Servlet,为我们提供了一个完整的解决方案。下面将详细解释这个项目的各个组成部分及其工作原理。 首先,让我们来...
在IT行业中,图片上传预览功能是Web应用中常见的需求,尤其在社交网络、电子商务以及内容管理系统等场景下。本文将详细讲解如何使用Adobe Flex实现一个具有图片上传和预览功能的应用。 首先,Flex是一种开源的开发...
标签"flex上传图片"和"上传图片带预览"强调了Flex在图片上传中的应用和预览功能的重要性。在实际开发中,还可能涉及到错误处理、进度显示、多线程上传等复杂情况,这些都是提升用户体验和系统稳定性的关键因素。 综...
在IT行业中,尤其是在Web开发领域,用户经常需要上传图片,比如在社交媒体、电子商务网站或个人博客等场景...在实际项目中,还需要考虑性能优化、安全性以及用户体验等方面的问题,以提供稳定可靠的图片上传预览功能。
在本文中,我们将深入探讨如何在Flex...通过掌握以上知识点,我们可以创建一个功能完善的Flex图片上传预览组件。这个组件不仅可以用于网站,还可以在桌面或移动设备的应用中发挥作用,为用户提供便捷的图片上传体验。
这个压缩包“ASP.NET源码——[图片动画]flex图片上传带预览功能.zip”显然是一个用于展示如何在ASP.NET环境中实现图片上传并带有预览功能的示例代码。 Flex是Adobe公司推出的一种用于创建富互联网应用(RIA)的开发...
在本文中,我们将深入探讨如何在Flex环境中实现一个图片上传并带有预览功能的网站。Flex是一种基于ActionScript 3的开源框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的图形用户界面组件和强大的数据...
在这个压缩包中,"ASP.NET-[图片动画]flex图片上传带预览功能.zip" 涉及到的是如何在ASP.NET平台上实现一个使用Flex技术的图片上传功能,同时还具备图片预览的功能。 Flex是由Adobe开发的一种开放源代码的富互联网...
在这个案例中,Flex可能用于创建图片上传的界面以及动态显示预览效果。Flex应用与ASP.NET服务器端通信通常通过AMF(Action Message Format)或HTTP服务。 5. **AJAX异步上传**: 为了提供更好的用户体验,可以使用...
在Flex中,可以使用FileReference类来处理用户选择的文件,包括读取、预览和上传。 4. **C#与.NET**:后端处理通常由服务器端语言完成,这里使用了C#,这是一种面向对象的编程语言,广泛应用于.NET框架下。.NET框架...
本篇文章将详细介绍如何在Flex中实现文件上传、预览、下载功能,并解决中文文件名在这些操作中可能出现的乱码问题。 首先,文件上传是通过HTTP的POST请求来实现的。在Flex中,我们可以使用`URLLoader`类来发送数据...
<title>HTML5图片上传预览 <div id="preview"></div> <script src="js/main.js"></script> ``` 接下来,我们编写JavaScript代码(`js/main.js`)来处理图片预览。HTML5的FileReader API可以读取用户选择的...
Flex文件上传技术是基于Adobe Flex框架实现的一种交互式文件上传方式,常用于GIS(Geographic Information System,地理信息系统)这样的应用中,以便用户能够方便地上传地理数据、地图图像等文件。在我负责的GIS...
1. **文件上传**:在Flex应用中,可以使用FileReference类来处理文件上传操作。FileReference允许用户选择本地文件,并通过HTTP POST请求将其发送到服务器。文件上传过程中可以显示进度条,通过监听DataEvent.UPLOAD...
了解以上知识点后,开发者可以对这个Flex多文件上传控件进行自定义,以适应特定项目的需求,如添加权限验证、文件预览功能、多线程上传等。总的来说,这个控件提供了一个灵活的基础,帮助开发者快速实现高效的文件...
Flex技术实现本地图片上传并预览的详细知识点包括以下几个方面: 1. Flex框架简介: Flex是Adobe公司开发的一套用于构建和维护富有表现力的Web应用的框架,它使用了MXML和ActionScript作为开发语言。MXML是一种基于...
在IT领域,文件上传下载和预览功能是Web应用程序中非常常见且重要的组成部分,尤其在文档分享、在线协作和知识管理平台中。本篇将详细阐述这一功能的实现原理、技术选型以及相关知识点。 首先,文件上传是用户将...
1. **用户界面**:在Flex中,通常会使用一个组件,如FileUpload控件,允许用户选择本地文件。用户点击按钮,系统弹出文件选择对话框,用户选取文件后,FileReference对象会被初始化。 2. **FileReference类**:这是...
1. **Flex前端开发**:在Flex中,我们可以使用FileReference类来处理文件上传。FileReference提供了选择文件、预览文件以及上传文件的功能。用户可以通过选择文件对话框选择本地文件,然后调用FileReference的upload...
2. **文件选择和预览**:在上传前,系统可能允许用户浏览和预览选定的文件,确保上传的是正确的内容。 3. **多文件上传**:Flex支持多文件同时上传,提高用户效率,尤其是在处理大量文件时。 4. **进度反馈**:在...