as3與php 上傳單個圖片demo

只是一個demo,僅跑通上傳和存儲這一步。

as3的要點:

1、單個上傳使用FileReference,一次可選擇多張圖片可使用FileReferenceList,在flash player 10+可使用load方法可實現預覽圖片

2、過濾選擇文件,使用FileFilter,在調用browse時傳入(參數爲數組),其中FileFilter實例第二個參數,多個文件使用;分隔,如*.jpg;*.gif

3、監聽上載完成可以使用Event.COMPLETE,但若需要獲取後臺返回的數據流,則需要監聽UPLOAD_COMPLETE_DATA(在flash.net.DataEvent包中)

php:

1、接收上傳參數,默認爲(Filedata),可在as3中FileReference實例的upload第二個參數指定

2、在windows下上載圖片,其中文名稱,在保存時需要轉成gb2312(不然會出現亂碼),在判定圖片是否存在是也需要使用gb2312(使用utf-8則不行)

as3的代碼(大體思路,不完整版):

1: package {   2:        3:     import flash.display.DisplayObject;   4:     import flash.display.MovieClip;   5:     import flash.display.Sprite;   6:     import flash.display.StageAlign;   7:     import flash.display.StageScaleMode;   8:     import flash.events.Event;   9:     import flash.events.IOErrorEvent;  10:     import flash.events.MouseEvent;  11:     import flash.events.ProgressEvent;  12:     import flash.events.DataEvent;  13:     import flash.net.FileFilter;  14:     import flash.net.FileReference;  15:     import flash.net.URLRequest;  16:       17:     public class UploadImg extends Sprite {  18:           19:         private var seltBtn:DisplayObject;  20:         private var _file:FileReference;  21:           22:         function UploadImg() {  23:             stage.scaleMode = StageScaleMode.NO_SCALE;  24:             stage.align = StageAlign.TOP_LEFT;  25:               26:             init();  27:         }  28:           29:         private function init():void {  30:             seltBtn = getChildByName("selectBtn");  31:               32:             seltBtn.addEventListener(MouseEvent.CLICK, selectClickHandler);  33:         }  34:           35:         private function selectClickHandler(evt:MouseEvent):void {  36:             var fileRef:FileReference = new FileReference();  37:             var fileFilter:FileFilter = new FileFilter("圖片", "*.jpg;*.gif;*.jpeg;");  38:               39:             fileRef.addEventListener(Event.SELECT, onSelectHandler);  40:             fileRef.browse([fileFilter]);  41:               42:             _file = fileRef  43:         }  44:           45:         private function onSelectHandler(evt:Event):void {  46:             _file.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA, onUploadCompleteHandler);  47:             _file.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);  48:             _file.addEventListener(ProgressEvent.PROGRESS, onProgresshandler);  49:             _file.upload(new URLRequest("http://meteoric.com/Example/upload/test.php"));  50:         }  51:           52:         private function onUploadCompleteHandler(evt:DataEvent):void {  53:             trace('上傳完成' + evt.data);  54:         }  55:           56:         private function ioErrorHandler(evt:Event):void {  57:             trace(evt);  58:         }  59:           60:         private function onProgresshandler(evt:ProgressEvent):void {  61:             trace(evt.bytesLoaded/evt.bytesTotal + "----" + evt.bytesLoaded + "--" + evt.bytesTotal);  62:         }  63:           64:     }  65: }

php(需要先開啓extension=php_exif.dll,同時要注意post_max_size參數的大小,如果上載的文件過大,可能獲取不到FIledata了,需要先判定文件大小)

1、目錄結構:

2、不完整示例代碼:

1: <?php   2: if ($_FILES ["Filedata"] ["error"] > 0) {   3:     exit("Error: " . $_FILES ["Filedata"]["error"]);   4: }   5:     6: echo "<br/>----------存儲圖片--------<br/>";   7:     8: $fileName = iconv("utf-8","gb2312", $_FILES ["Filedata"]["name"]);   9: $reallyName = "upload/".$fileName;  10:    11: if (file_exists ($reallyName)) {  12:     echo  $_FILES ["Filedata"]["name"]. " already exists. ";  13: } else {  14:       15:     if (!is_dir("upload")) {  16:         mkdir("upload");  17:     }  18:       19:     move_uploaded_file( $_FILES ["Filedata"]["tmp_name"],  $reallyName);  20:     echo "Stored in: " . "upload/" . $fileName;  21: }  22:    23: ?>

運行的效果:

上面的代碼,僅是思路,寫出實現上載功能較爲核心的代碼。若需要完成更復雜的應用,則要自己在此基礎上進行封裝一下,例如:多個文件上載,顯示上載進度條…

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章