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