zoukankan      html  css  js  c++  java
  • (转)由Uploadify插件想到的Flash无法传递Session和Cookie的问题解决

    在ASP.NET MVC3中使用Uploadify上传文件时发现,在后台需要验证登录状态的时候,Uploadify根本无法完成验证,因此,在后台只能使用非验证状态进行文件上传 —— 众所周知,这无异于给非登录的不安分子提供了一个绝佳的机会。

      为了解决这个问题,我们就需要去了解Uploadify,至少在我开始要解决这个问题的时候是这么想的.在Uploadify的官方网站的帮助文档中找到了这么专门的一节:Using Sessions with Uploadify.

      这文章无疑对我们解决问题是个好的开端。也许你会问,客户端也有Session么?如果你是以服务器那种角度考虑,我可以非常肯定的告诉你,当然——没有! HTTP的请求是一个无状态请求,Session的一切存在都以客户端和服务端的交换标志而延续的。在大部分情况下,是在Cookies里面设置SessionId来达到此种目的。在客户端不支持Cookies的时候,可能会在URI中加入标志来达到同样的目的。至于更深入的讨论就不属于本文范围。这里做出说明,是想让我们的问题更能针对的解决,将问题缩小到:Uploadify如何将Cookies传递到服务端。

      在上面提及的文档中,官方给出了PHP的解决方案,代码非常简单:

    /*PHP在客户端初始化Uploadify的代码*/

    $('#file_upload).uploadify({
        // Your normal options here
        formData : { '<?php echo session_name();?>' : '<?php echo session_id();?>' }
    });

    /*PHP服务端的代码*/

    $session_name = session_name();

    if (!isset($_POST[$session_name])) {
        exit;
    } else {
        session_id($_POST[$session_name]); // 将当前的SessionId设置成客户端传递回来的SessionId
        session_start();  
    }

      从代码可以看出,官方处理的具体思路是这样的:1. 加载含有Uploadify的页面时,将Cookies中的SessionId写入到Uploadify中的formData中;2. 在客户端提交的时候,SessionId会被当作表单数据被Uploadify一并提交到服务端;3. 在服务端检测,将提交上来的SessionId提取出来,并将当前状态以提交的SessionId为蓝本进行操作。这样,就能对操作进行验证,达到控制的目的。

      有了这个蓝本,在ASP.NET MVC3中解决起来也就不难了,按着官方的思路来即可:

    1. 首先,将当前的状态存入formData中:

    /*视图中的代码,使用Razor语法.*/

    $("#fileupload").uploadify({
            'formData' : { 
    @foreach(string k in Request.Cookies.AllKeys){
                    @:'cookie_@(k)' : '@Request.Cookies[k].Value',
                    }
                    '' : ''}

            })

    为了完全模拟客户端状态,我们将所有的Cookies都放在了formData中,并且,为了以示区分,我们将键值名称统一用cookie_开头。

    2. 客户端处理安全之后,我们就需要处理服务端了,在MVC中,我们没有PHP那种Session_id(Id)这种现成方法可以用(如果你有,请告诉我~),我们需要在Global.asax中设置,代码如下:

            protected void Application_BeginRequest(object sender, EventArgs e)
            {
                try
                {
                        HttpRequest request = HttpContext.Current.Request;
                        foreach (string k in request.Form.Keys)
                        {
                            if (k.IndexOf("cookie_") >= 0)
                                AppendingCookies(k.Remove(0, 7), request.Form[k], request);
                        }
                }
                catch { }
            }

            private void AppendingCookies(string cookieName, string cookieValue, HttpRequest request)
            {
                HttpCookie hc = request.Cookies.Get(cookieName);
                if(null == hc)
                    hc = new HttpCookie(cookieName);
                hc.Value = cookieValue;
                request.Cookies.Set(hc);
            }

    我们在开始请求的时候,将请求拦截,并检查请求中提交上来的表单数据,如果发现有以"cookie_"开头的数据,就将此数据提取出来,设置到当前请求的Cookies中。

    恩,事情到这里,显得就很完美了,Uploadify用起来已经和普通的请求没有任何差别了。但有一个小小的缺憾,就是每次请求,无论请求那一个数据,都会进行这么一遍操作,万一要是其他表单中真有这么一个"cookie_"开头的数据,那还真就不太好了,为了解决这个问题,我们需要对操作进行一点点改进,改进后代码如下:

            protected void Application_BeginRequest(object sender, EventArgs e)
            {
                try
                {
                    RouteData rd = RouteTable.Routes.GetRouteData((HttpContextBase)new HttpContextWrapper(HttpContext.Current));
                    string c = rd.GetRequiredString("controller");
                    string a = rd.GetRequiredString("action");
                    if (c.ToLower() == "uploadfile" && a.ToLower() == "upload")
                    {
                        HttpRequest request = HttpContext.Current.Request;
                        foreach (string k in request.Form.Keys)
                        {
                            if (k.IndexOf("cookie_") >= 0)
                                AppendingCookies(k.Remove(0, 7), request.Form[k], request);
                        }
                    }
                }
                catch { }
            }

            private void AppendingCookies(string cookieName, string cookieValue, HttpRequest request)
            {
                HttpCookie hc = request.Cookies.Get(cookieName);
                if(null == hc)
                    hc = new HttpCookie(cookieName);
                hc.Value = cookieValue;
                request.Cookies.Set(hc);
            }

    这里uploadfile是MVC中的控制器,upload是Action,我们在操作之前,检视一下当前的请求是否是文件上传,如果是,我们再来执行这些操作,这样,出现问题的可能性就降低了。

      写到这里,我们就已经完全解决Uploadify的状态问题了,甚至比官方处理的还要好些,既然这样,那就先告一段落。我们文章开始说过,这个不是Uploadify独有的问题,而是Flash的问题,因此,在使用Flash和系统做交互时,该如何处理呢?其实在解决我们文件上传验证的问题的时候,我们已经了解了处理此类问题的方法,我们完全可以参照Uploadify的处理方法来完成操作即可:

    1. 将服务端的当前请求状态悉数放入到客户段准备和Flash交互的代码中(可以是JS,可以是HTML);

    2. 客户端通过Flash将已经存放到客户端的请求状态封装到Flash的请求中,一并提交到服务端;

    3. 服务端将Flash的请求中的Cookies信息提取出来,并设置到当前请求的Cookies中。

    另外一种方法是,将Flash中的数据导出来,使用Js来进行提交,这种方式只需要将Flash中交互数据提取出来,JS的请求会自动将客户端的Cookies传递到服务端,这种方法相对来说更加简单高效。Uploadify也提供了HTML5版本,只是是收费的,但相信,用的应该就是这种方法。

    本文为原创,转载请保留出处:MitchellChu's Blog

    $(function(){
        setTimeout(function(){
            $('#file_upload').uploadify({
                'swf'      : 'tools/uploadify/uploadify.swf',
                'uploader' : 'upload.php',
                'onUploadSuccess' : function(file, data, response) {
                     
                }
            });
        },10);
    });
     
    http://stackoverflow.com/questions/1729179/uploadify-session-and-authentication-with-asp-net-mvc
    http://www.uploadify.com/documentation/uploadify/using-sessions-with-uploadify/
     
     

    根据stackoverflow上的帖子,给js文件加上随机参数,欺骗chrome浏览器防止缓存,使每次都发起请求。

    • Asp.Net Web From

      <script src="/Resources/uploadify/jquery.uploadify3.1Fixed.js?ver=<%=(new Random()).Next(0, 99999).ToString() %>" type="text/javascript"></script>
    • Asp.Net MVC

      <script type="text/javascript" src=@Url.Content("~/Content/uploadify/jquery.uploadify3.1Fixed.js?ver=")@DateTime.Now.Ticks></script>
    • PHP

      <script src="js/jquery.uploadify.min.js?ver=<?php echo rand(0,9999);?>" type="text/javascript"></script>
  • 相关阅读:
    c#大文件上传解决方案支持分片断点上传
    css精灵动画
    文字游戏
    利用myeclipse配置数据库连接池
    python 简单的txt文件读写
    数据库连接池配置
    hdu 1030 Delta-wave
    java jdbc sqlhelper
    js实现页面的自动读秒跳转
    购物车模块
  • 原文地址:https://www.cnblogs.com/zwei1121/p/4018815.html
Copyright © 2011-2022 走看看