设为首页 收藏本站
查看: 714|回复: 0

[经验分享] as3与php 上传单个图片demo

[复制链接]

尚未签到

发表于 2015-8-29 07:34:05 | 显示全部楼层 |阅读模式
  只是一个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、目录结构:
DSC0000.png
  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: ?>  
  运行的效果:
DSC0001.png
DSC0002.png
  
  上面的代码,仅是思路,写出实现上载功能较为核心的代码。若需要完成更复杂的应用,则要自己在此基础上进行封装一下,例如:多个文件上载,显示上载进度条…

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-105677-1-1.html 上篇帖子: php 生成二维码 下篇帖子: php __construct 构造函数用法 转
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表