flash as3实现图片上传

这是一个简单的图片上传程序,可以将本地图片上传到网上,之后还会再写一个加载显示已经上传的图片的功能

注:

up_name:为动态文本框,用来显示选中的图片的文件名

liulan:为"浏览"按钮,点击它之后会弹出浏览框,选择要上传的图片

shangchuan:为"上传"按钮,点击它之后会将选好的图片上传

loading:为动态文本框,用来显示上传进度百分比和上传成功信息等

将这几个元件全部放到一个mc中,并将下面的类绑定到这个mc

 代码如下 复制代码

package {
 import flash.display.*;
 import flash.text.TextField;
 import flash.events.*;
 import flash.system.*;
 import flash.net.URLRequest;

 

//上传类
 import flash.net.FileReference;
 //文件类型过滤类
 import flash.net.FileFilter;
 public class shangchuanlan extends Sprite {
  //创建上传类
  public var fileRef:FileReference=new FileReference();
  public function shangchuanlan() {
   liulan.buttonMode=true;
   shangchuan.buttonMode=true;
   //点击浏览按钮时的事件
   liulan.addEventListener(MouseEvent.CLICK,click_liulan);
   //点击上传按钮时的事件
   shangchuan.addEventListener(MouseEvent.CLICK,up_load);
  }
  //============================================= 一条华丽的分割线 ==============================================================//
  private function click_liulan(e:MouseEvent):void {
   //设置文件类型
   var imageTypes:FileFilter=new FileFilter("Images(*.jpg, *.jpeg, *.gif)","*.jpg;, *.jpeg;, *.gif;");
   //将所需文件类型放到一个数组中,因为后面的browse中的参数是数组
   var allTypes:Array=new Array(imageTypes);
   //弹出框,文件类型为allTypes数组中的
   fileRef.browse(allTypes);
   //当点击弹出框中的"打开"后,执行up_select函数
   fileRef.addEventListener(Event.SELECT,up_select);
   //上传或下载完成后事件,执行up_complete
   fileRef.addEventListener(Event.COMPLETE,up_complete);
   //成功上传并从服务器接收数据之后
   fileRef.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA,up_complete_data);
   //上传或下载开始时执行
   fileRef.addEventListener(Event.OPEN,up_open);
   //上传或下载期间执行
   fileRef.addEventListener(ProgressEvent.PROGRESS,up_progress);
  }
  //============================================= 一条华丽的分割线 ==============================================================//
  //以下是各个事件时被执行的函数
  private function up_select(e:Event):void {
   //将选中的文件的文件名(fileRef的name属性)显示在文本框中
   up_name.text=fileRef.name;
  }
  private function up_load(e:MouseEvent):void {
   //获取文件的类型
   var fileType:String=fileRef.type;
   //获取文件的大小
   var fileSize:Number=fileRef.size;
   trace("类型:"+fileType,"大小:"+fileSize);
   //连接接口网页
   var loadurl:String="http://www.xxx.com/xxx.asp";
   var uploadURL:URLRequest = new URLRequest(loadurl);
   //用upload事件将文件发送给网页,语法upload(网址,文件名)
   fileRef.upload(uploadURL,fileRef.name);
   trace(uploadURL.url);
  }
  private function up_complete(e:Event):void {
   //显示指令发送者的信息
   trace("completeHandler: " + e);
   loading.text="上传成功!"
  }
  private function up_complete_data(e:Event):void {
   //显示指令发送者的信息,即接收到的网页返回信息,其中有上传后文件的路径
   trace("uploadCompleteDataHandler:"+e);
  }

时间: 2024-08-29 15:09:00

flash as3实现图片上传的相关文章

php+flash+jQuery多图片上传源码分享_php实例

flash+php多图片上传的源码,测试成功,一个经典的上传源码,为什么要用flash作为上传的组件呢,其实这里不仅仅是flash,另加了jquery的技术,这样做的目的是为了更好更方便的管理图片,使用过QQ空间进行上传图片的童鞋都知道,QQ空间的上传体验度很好,而且管理我们上传的图片非常的方便,使用的技术基本上就是flash与jquery技术了. flash+jquery是作为前端图片上传展示的,还需要与php的结合才能将图片上传到指定的目标,这里的php一共有两个文件,一个upload.ph

flash获取摄像头图片上传的数据格式是一串字符串,.net如何把他保存成图片呢?

问题描述 格式就类似于这样子的168cca,158bc9,158bc9,168ccb,168ccc,168ccc,168ccc,168ccc,168ccc,168ccc,168ccc,168ccc,168ccc,168ccc,168ccc,168ccc,168ccc,168ccc,168ccc,168ccb,168ccb,168cca,168cc9,168cca,168cca,168cca,168cca,168cca,168cca,168cca,168cca,168cca,168cca,168c

从图片上传的三个步骤来分析其中的交互过程

传统的图片上传交互很简单:一个文件域要求用户选择图片文件,一个提交按钮(如下图). 这种方式有很多缺点,比如选择图片后看不到预览,一次只能选择一张图,上传过程看不到进度.当然也有它自身的优点:html本身的表单控件,代码简单,上传不易出错,适合低速网络环境.现在富媒体横行的时代,用户需要长传大量图片,这种传统表单的方式上传图片显然已经跟不上时代的需求,基于 flash.html5的新型上传方式被广泛的应用. 我们从上传图片前.上传中.上传后三个步骤来分析其中的交互过程. 上传前 上传图片前一般可

周末大放送网站图片上传,水印,预览,截图

    周末闲着没事,将网站中经常用到的对图片的操作做了一个总结,方便以后回顾,这里将一天的成果,贴出来,希望能帮到大家.     首先是swfupload方式的无刷新上传,关于怎么配置,按照demo 的写法,我相信只要你不是太笨,都能成功.     关于swfupload你可以去网上下,也可以点这里下载:SWFUpload_v250_beta_3_samples.rar    项目结构:               上传代码: 前台上传页面,你可以根据需要建html页,也可以建webform.

jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享

  这篇文章主要介绍了jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码,非常的简单实用,效果也很棒,有需要的小伙伴可以参考下. 网页端 裁剪图片,不需要经过服务器. 这个是用 https://github.com/mailru/FileAPI 框架实现的.配合jcrop. 高级浏览器 使用 canvas 裁剪,ie6 7 8使用 flash过度. 核心代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

as 3.0图片上传预览本地图片

需要Flash Player 10+版本的支持, [注意]: 1.我这边图片上传路径是无效的,所以图片上传失败是正常的,你们可以改一下上传路径即可: 2.需要Flash Player 10的支持: 3.这次主要研究是预览本地图片功能. 演示效果: 实现代码: view plaincopy to clipboardprint? package project.test     {        import flash.display.*;        import flash.geom.Rec

html5 图片上传,支持图片预览、压缩、及进度显示,兼容IE6+及标准浏览器

原文:html5 图片上传,支持图片预览.压缩.及进度显示,兼容IE6+及标准浏览器 以前写过上传组件,见 打造 html5 文件上传组件,实现进度显示及拖拽上传,兼容IE6+及其它标准浏览器,对付一般的上传没有问题,不过如果是上传图片,且需要预览的话,就力有不逮了,趁着闲暇时间,给上传组件添加了单独的图片上传UI,支持图片预览和缩放(通过调整图片的大小以实现图片压缩). 上传组件特点 轻量级,不依赖任何JS库,核心代码(Q.Uploader.js)仅约700行,min版本加起来不到12KB 纯

dwz前端框架+ssh后天框架 如何实现图片上传

问题描述 dwz前端框架+ssh后天框架 如何实现图片上传 我写了一个案例,但是后台action获取不到文件流,可是,我单独调用这个页面时候,就可以获取到文件流,我真心不知道怎么处理了?是不是由于本框架的原因呢? 不知道大神们有没有好一点的上传案例或者解决方案.我用的是比较落后的DWZ中uploadify多文件上传? 急急急!!!!! 解决方案 我做的公司运营平台也是dwz前端框架+ssh,废话不说,解决方案如下.给你提供个项目遇到的实例,不懂可以再问我哈: 1,首先,封装了一个上传文件(包含图

ASP.NET开发中怎么实现多图片上传并浏览的功能

问题描述 ASP.NET开发中怎么实现多图片上传并浏览的功能 ASP.NET开发中怎么实现多图片上传并浏览的功能,可以用什么控件来做? 解决方案 用jquery或者flash,自带的控件好像是不可以 解决方案二: 可以试试Aurigma Upload Suite,功能挺强大的一款图文上传控件,有多个版本,可以根据自己的需求进行选择.