打印

[AS3] 大头贴(js接口版本) 源文件 共享

也许大家曾经听过 我以前做的自由领域的接口版本大头贴(没听过也没关系反正也不出名 呵呵)
    本版本不是拆解版本,而是基于As3的大头贴官方源文件,这个是最新的修正版本(要不是这次逼着要用,还真不会发现以前的有些小问题了)
     先看看 演示吧:
     http://nchu.2008.163.com/  在这个网站的 逗 、 倡  和  学 版块中均有对本大头贴的使用,用了两种不同的呈现方式(当然要有摄像头才可以看到的哦)。
     ps:本人比较懒,以前做这个大头的时候也只是给了一个简单的丑陋的接口测试页面,所以很多人见到后都失去了兴趣。本次由于这次网易的比赛就做了一个自认为还过得去的界面。人还是逼迫一点好 o(∩_∩)o。(顺便插句话:记得多多支持我们站点啊。)
     
     代码就不贴出来占用页面资源了啊!!

     说说这个大头贴的功能:可以自己定义界面、拍照、左旋转、又旋转、放大缩小、上下左右移动、信任设置、设置裁剪框、上传相片、换相框...。
     功能实现就多看看代码和包中的说明文件。

     郑重说明:本人并不是flash老鸟,因此代码上面可能有很多不足和错误,各位老鸟就见谅一下。随便帮忙修正哈。本程序最初是用的Alpha做的,现在转到了CS3正式文件,压缩包中附带了 adobe 官方的Png编码类。要注意的是所有文件建议放在英文目录。(我用的flash英文版,放中文目录后类无法引入的)。

      我的经验:承上启下,本人不是flash老鸟,但是写这个大头贴也花了很多时间,有了一点小小的使用经验,愿与大家分享:
      1、如果要用这个大头贴,请不要将swf文件包括在form中,否者会失效。(不清楚什么原因 貌视不是我的问题)
      2、如果要正常的个性化的使用这个大头贴,请要十分注意 js调用逻辑(以演示网站来说):
          a、用户调用js控制flash采集图像并点击上传触发上传指令
          b、flash将图片数据发送后台并在临时文件夹生成临时图片信息,并将文件名返回给flash
          c、flash接收返回信息后回调页面js函数
         d、js接收回调命令后,将一个变量(全局)设置为“uploaded” ,同时触发对相片描述信息的post
         e、后台处理相片描述信息,将临时文件转到正常文件夹,同时返回成功标示
          f、页面接收到成功标示后 将那个全局变量重写赋值,同时弹出提示“上传成功”。如果失败弹出错误提示,不重写全局变量。
       之所以引用了一个全局变量是为了保证不让后台多次生成重复的图片信息(自己体会...)。

      简单点说:就是将一个简单的上传分成了两个步骤:首先是上传图像并等待返回标示,再次就是获得标示并上传要入库的信息。
     
      3、还有一点要说明的是,也是在本次做东西的时候发现的:
         如果你喜欢使用mootools的话,很有可能在ie中(其他浏览器不存在)发生以下现象:直接关闭有大头贴页面的时候(刷新,换页不会出现问题)会弹出错误调试(前提你打开了ie的错误调试)。经过检查发现,其实是由于mootools的垃圾回收机制的问题。通常情况在页面unload的时候会自动将flash中所有注册的一些接口函数进行null赋值,以便ie能够清理回收。但是mootools加了一个beforeunload的检测使得在upload发生前就对页面进行了回收。从而导致了document.getElementById找不到对象而报错。
          因此在整个页面调试好后 建议加一个 window.onerror=function(){return true},这样就不会弹出错误了。 个人认为mootools已经回收垃圾了那个错误就无所谓了。




看帖记得回帖哦!!也是对我无声的支持哦!!

[ 本帖最后由 wsjjazz 于 2008-5-11 19:17 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!

TOP

我看过,我回了...

支持下
生死簿

TOP