Flex中本地图片上传及上传文件前的预览
2010-01-07 11:36
573 查看
<?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>
相关文章推荐
- Flex中本地图片上传及上传文件前的预览
- 兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- Flex中本地图片上传前的预览
- Flex中本地图片上传前的预览
- 兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式
- JS上传文件前预览本地图片
- Flex中本地图片上传前的预览
- 兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式
- js实现文件上传,图片本地预览(部分代码是借鉴的)
- 实现图片上传前本地预览功能之二
- 客户端js判断文件类型和文件大小即限制上传大小图片预览
- bootstrap 文件上传插件 fileinput.min.js 可以预览图片
- jquery实现上传图片本地预览效果
- flex 上传文件预览
- 关于IE6和IE7关闭窗口时提示和不提示以及上传图片前的本地预览解决办法
- jquery实现兼容浏览器的图片上传本地预览功能
- JS实现上传本地图片前先预览
- 2016/4/19 ①单个文件上传 ②上传图片后 预览图片
- 基于JQuery的图片上传预览插件(图片预览、过滤文件类型、限制图片大小、图片显示后回调)