Flash上传组件教程-优快云博客

本文链接：https://blog.youkuaiyun.com/sunceenjoy/article/details/6442025

注:阅读本文需要对js,flash,php有一定基础。

html里面，上传我们需要弄一个<input type="file" name="a"/>这样的东西来上传，点击按钮就弹出上传对话框，flash里面我们需要调用FileReference对象的一个实例来实现弹窗。

var o = new FileReference();

o.browse();//这步会弹出窗口

这是一个主动触发的过程，就像js一样，我们需要放在一个比如按钮的点击事件里调用该方法,类似下面:

on...=function(){o.browse();}

选中文件以后，用下面的代码进行上传:

var req:URLRequest = new URLRequest("/get.php");//提交到你的处理页面
o.upload(req,"upimg");//upimg是为你的上传文件取个名字，这样get.php处理的时候才知道获取是什么名，好比(<input type="file" name="upimg"/>)

这样我们就成功把文件提交到get.php了，跟表单提交效果一样。

下面开始我们的主题，要实现上传进度，要先了解下FileReference的几个事件:

onselect//选中文件的时候触发

onopen//开始上传文件的时候触发

onprocess//上传过程中触发，会随着上传内容增加，多次触发,在此事件里我们可以获取到总字节数和已经上传的字节数

oncomplete//上传完毕后触发

监听事件的方法:

function func(e){

//处理函数

}

o.addEventListener(event,func);

这样就实现了对某个事件的监听

用这些事件，我们很容易就能知道该上传的各个状态,百分比，但这些flash代码，我们是需要在页面里面实现动态上传进度，最好能在这些处理事件里面调用js函数，由js函数来控制html来显示装置进度。

很幸运，flash提供了这样的方法:

ExternalInterface.call(js函数名字,参数....);//这样就等于调用了html页面里的 js函数名(参数...)

这样我们就可以间接的用js实时显示上传进度了.

//swf.prototype.onprocess会在上传过程中不停的被调用

下面贴出代码

flash代码放在第一帧即可

import flash.text.TextField; import flash.text.TextFieldType; import flash.net.FileReference; import flash.events.MouseEvent; import flash.events.ProgressEvent; import flash.events.Event; import flash.net.URLRequest; import flash.external.ExternalInterface; var txt:TextField = new TextField; txt.text = '上传'; addChild(txt); // 定义主角 FileReference 对象 var fileRef:FileReference = new FileReference(); // 定义监听对象 txt.addEventListener(MouseEvent.MOUSE_UP,func); function func(e:MouseEvent):void{ fileRef.browse(); }; fileRef.addEventListener(ProgressEvent.PROGRESS,onprocess); fileRef.addEventListener(Event.OPEN,onopen); fileRef.addEventListener(Event.SELECT,onselect); fileRef.addEventListener(Event.COMPLETE,oncomplete); function onopen(e:Event):void{ trace('开始上传'); ExternalInterface.call("o.onopen"); } function onselect(e:Event):void{ trace('select');//用户选择的一个文件 var ret = ExternalInterface.call("o.onselect"); var req:URLRequest = new URLRequest("/get.php"); //req.requestHeaders.push(new URLRequestHeader("Cookie",ret)); //req.requestHeaders.push(new URLRequestHeader("Content-Type","text/html; charset=UTF-8")); fileRef.upload(req,"upimg"); } function oncomplete(e:Event):void{ trace('上传完毕'); ExternalInterface.call("o.oncomplete"); } function onprocess(e:ProgressEvent){ ExternalInterface.call("o.onprocess",e.bytesLoaded,e.bytesTotal); trace('上传进度:'+int(e.bytesLoaded/e.bytesTotal*100)+'%'); }

get.php 注意，我的文件格式是utf-8

<? session_start(); if($_FILES){ $_FILES['upimg']['name'] = iconv('utf-8','gbk',$_FILES['upimg']['name']); $uploaddir = './'; $uploadfile = $uploaddir. $_FILES['upimg']['name']; if (move_uploaded_file($_FILES['upimg']['tmp_name'], $uploaddir . $_FILES['upimg']['name'])) { file_put_contents('./1.txt',implode("/n",getallheaders())); } else { file_put_contents('./1.txt',$_FILES['upimg']['tmp_name']); } } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <BODY> <div id="memo"></div> <form method="post" enctype="multipart/form-data" ><input type="file" name="upimg" /><input type="submit" value="submit"/></form> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id=scriptmain name=scriptmain codebase="http://download.macromedia.com/pub/shockwave/cabs/ flash/swflash.cab#version=6,0,29,0" width="60" height="50"> <param name="movie" value="upload.swf?<?=time()?>"> <param name="quality" value="high"> <param name=scale value=noscale> <param name="LOOP" value="false"> <param name="menu" value="false"> <param name="wmode" value="transparent"> <embed src="upload.swf?<?=time()?>" width="960" height="350" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="Transparent"></embed> </object> </BODY> </HTML>

另外flash向服务器(get.php)提交上传文件的时候，会自动把flash所在页面cookie信息带上，这样我们在get.php里面就不会有用户认证的问题，照样可以识别session,cookie