`

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

    博客分类:
  • Flex
阅读更多

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

 

			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);   
			} 

 可以运行程序,请查看附件。

分享到:
评论
1 楼 liuyuan0371 2011-09-24  

相关推荐

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

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

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

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

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

    综上所述,实现Flex图片上传带预览功能的网站涉及了Flex组件的使用、文件I/O、事件处理以及与服务器的通信。理解这些关键点,开发者就能构建出一个功能完善的图片上传系统,提供良好的用户交互体验。

    flex 相册功能 支持多上传以及动态预览

    总结来说,"flex 相册功能 支持多上传以及动态预览"涉及到的技术点主要包括Flex框架的使用、多文件上传的实现、图片的动态预览以及用户界面的交互设计。通过这些技术,我们可以创建出一个功能完善的相册应用,为用户...

    Flex裁剪图片

    在图片裁剪中,我们需要利用BitmapData的draw方法将图片加载到内存中,并进行后续的裁剪操作。 2. **Rectangle类**:Rectangle类用于定义矩形区域,它包含了左上角的坐标(x,y)和矩形的宽度和高度。在裁剪图片时...

    Flash Flex 上传文件

    在IT行业中,Flash和Flex是两个非常重要的技术,主要用于创建丰富的互联网应用程序(RIA)。本话题主要探讨如何使用...在实际项目中,还应根据需求添加额外的功能,如进度条显示、取消上传、文件预览等,提升用户体验。

    Flex 电子相册

    10. **集成服务**:Flex电子相册可能与云存储、社交媒体或其他API集成,让用户可以直接上传照片、分享到社交网络,或者从云服务中导入图片。 通过以上技术,Flex电子相册不仅实现了美观的视觉效果,还提供了高效、...

    BatchImageUpload

    可以创建一个队列,将所有图片文件添加到队列中,然后逐一执行上传操作。为了优化用户体验,可以设置并发限制,避免同时上传过多文件导致网络阻塞。 4. **BlazeDS**:BlazeDS是Adobe提供的一个免费的服务器端数据...

    基于flex的在线MP3剪辑

    这通常涉及到文件选择API的使用,允许用户从本地计算机选择MP3文件,并将其上传至服务器或在客户端进行处理。 二、根据时间点进行剪辑 在线剪辑MP3的关键在于能够精确地根据时间点进行剪切。Flex提供了丰富的音频...

    javascript(仿QQ相册的特效)

    同时,利用事件委托、延迟加载和图片懒加载等技术,可以有效减少内存占用和CPU使用,提高页面响应速度。 最后,为了让代码结构清晰易维护,我们可以采用模块化开发方式,如CommonJS、ES6的import/export或者使用...

    图片展示管理程序

    7. **性能优化**:考虑到小程序的性能限制,可以使用懒加载策略,只加载当前屏幕可视区域内的图片,减少内存占用和加载时间。 通过以上分析,我们可以了解到,开发一个图片展示管理程序不仅需要扎实的编程基础,...

    毕业设计&课设--证件照小程序,毕业设计.zip

    图片上传后,需进行质量优化,减少文件大小,提高加载速度。 3.2 尺寸裁剪 开发尺寸裁剪功能,根据选定的证件照类型自动设定裁剪框,确保人像比例符合标准。用户也可以自由调整裁剪范围。 3.3 背景替换 实现背景...

    eclipse—FLASH教程

    3. 预览和运行:使用内置的Flash Player模拟器预览项目,或者直接发布SWF文件并用外部Flash Player播放。 五、调试与测试 Eclipse提供了强大的调试工具,对于Flash项目同样适用: 1. 设置断点:在源代码中点击行号...

    flexpaper源码

    FlexPaper 是一款强大的在线文档查看和转换工具,主要用于在网页上展示PDF、DJVU、图像等文件。它提供了一种交互式的用户体验,允许用户在浏览器中翻页、搜索、缩放、打印文档,而无需下载原始文件。FlexPaper 的...

    菜鸟驿站地址详情页面小程序源码.zip

    10. **性能优化**:为了提升用户体验,开发者还需要关注小程序的加载速度和运行效率,例如减少网络请求、优化图片资源、合理使用缓存、避免内存泄漏等。 总之,这个源码的学习可以帮助你深入理解小程序开发的各个...

    基于微信小程序的柠檬树婚纱照.zip

    10. **用户体验优化**:考虑到婚纱照服务的特性,小程序可能需要提供快速加载的图片展示策略,比如懒加载,以及流畅的滚动体验。同时,良好的交互设计和引导提示也能提升用户满意度。 综上所述,“基于微信小程序的...

    小程序UI界面, 参考。 里面包含基本控件。.zip.zip

    - **性能监控**:查看页面加载速度、内存占用等指标,优化代码性能。 - **错误日志**:收集运行时错误,便于定位和修复问题。 以上就是小程序UI界面设计与实现的一些核心知识点,通过参考提供的压缩包文件,...

    微信小程序(原生)课程表

    完成开发后,通过微信开发者工具进行上传代码、提交审核,最终发布到微信小程序平台供用户使用。 10. **用户体验优化**:为了提升用户体验,开发者需要考虑加载速度、交互反馈、错误提示等方面,比如利用缓存技术...

    Flutter-Ecommerce:Flutter中的电子商务应用程序

    6. **图片加载与缓存**:利用image_picker库让用户选择上传图片,使用cached_network_image库实现网络图片的缓存和加载。 7. **路由与导航**:掌握Navigator和Routes的使用,实现页面间的跳转和传递参数。 8. **...

Global site tag (gtag.js) - Google Analytics