zoukankan      html  css  js  c++  java
  • jquery uploadify在谷歌浏和火狐下无法上传的解决方案(.Net版)

    在项目紧张的进行过程中,jquery uploadify上传不兼容的问题一直没有试着去解决,只幻想着用ie的人越来越多,怎么奈何firefox4刚推出,就有4000万的下载.......仰天长叹,记生ie,何生firefox。好了,此一段引以前序。

    走吧,一起来探个究竟。

    一、jquery uploadify自我介绍:

      (1)、大家好,我是jquery插件大家族中负责实现异步上传的插件,我不是唯一,只是较好用的一款。

      (2)、我的功能:

      支持单文件或多文件上传,可控制并发上传的文件数

        在服务器端支持各种语言与之配合使用,诸如PHP,.NET,Java……

        通过参数可配置上传文件类型及大小限制

        通过参数可配置是否选择文件后自动上传

        易于扩展,可控制每一步骤的回调函数(onSelect, onCancel……)

        通过接口参数和CSS控制外观

        Uploadify主页地址:http://www.uploadify.com/ 在该页面你可以了解到关于他的更多内容。

       (3)、我的用法:

              去baidu.com,google.com  search search,很多。

    二、firefox下我出故障了,是我的问题吗?

          jquery uploadify在ie下可以正常上传,在实现异步上传的时候,每一个文件在上传时都会提交给服务器一个请求。每个请求都需要安全验证,session和cookie的校验。是的,就是这样。由于jquery uploadify是借助flash来实现上传的,每一次向后台发送数据流请求时,ie会自动把本地cookie存储捆绑在一起发送给服务器。但firefox、chrome不会这样做,他们会认为这样不安全。哈,这就是原因。

       

          找到原因了,在让我们来明白两个概念:

          (1)、session:

            Session又称为会话状态,是Web系统中最常用的状态,用于维护和当前浏览器实例相关的一些信息。举个例子来说,我们可以把已登录用户的用户名放在Session中,这样就能通过判断Session中的某个Key来判断用户是否登录,如果登录的话用户名又是多少。

            我们知道,Session对于每一个客户端(或者说浏览器实例)是“人手一份”,用户首次与Web服务器建立连接的时候,服务器会给用户分发一个 SessionID作为标识。SessionID是一个由24个字符组成的随机字符串。用户每次提交页面,浏览器都会把这个SessionID包含在 HTTP头中提交给Web服务器,这样Web服务器就能区分当前请求页面的是哪一个客户端。那么,ASP.NET 2.0提供了哪些存储SessionID的模式呢!

        

          (2)、Cookie,有时也用其复数形式Cookies,指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据(通常经过加密)。

    三、解决方案

    在Global.asax文件中,编写如下代码: 

    void Application_BeginRequest(object sender, EventArgs e)   
        {
            try { 
                string session_param_name = "ASPSESSID"; 
                string session_cookie_name = "ASP.NET_SessionId"; 
                if (HttpContext.Current.Request.Form[session_param_name] != null) 
                { 
                    UpdateCookie(session_cookie_name, HttpContext.Current.Request.Form[session_param_name]); 
                } 
                else if (HttpContext.Current.Request.QueryString[session_param_name] != null) 
                { 
                    UpdateCookie(session_cookie_name, HttpContext.Current.Request.QueryString[session_param_name]); 
                } 
            }
            catch { 
            } 
           

           //此处是身份验证
            try { 
                string auth_param_name = "AUTHID"; 
                string auth_cookie_name = FormsAuthentication.FormsCookieName; 
                if (HttpContext.Current.Request.Form[auth_param_name] != null) 
                { 
                    UpdateCookie(auth_cookie_name, HttpContext.Current.Request.Form[auth_param_name]); 
                } 
                else if (HttpContext.Current.Request.QueryString[auth_param_name] != null) 
                { 
                    UpdateCookie(auth_cookie_name, HttpContext.Current.Request.QueryString[auth_param_name]);
                } 
            }
            catch { }
        }

        private void UpdateCookie(string cookie_name, string cookie_value)
        {
            HttpCookie cookie = HttpContext.Current.Request.Cookies.Get(cookie_name);
            if (null == cookie)
            {
                cookie = new HttpCookie(cookie_name);
            }
            cookie.Value = cookie_value;
            HttpContext.Current.Request.Cookies.Set(cookie);//重新设定请求中的cookie值,将服务器端的session值赋值给它
        }

      

       /*---------------------------Aspx页面端代码---------------------------------*/

       this.hfAuth.Value = Request.Cookies[FormsAuthentication.FormsCookieName] == null ? string.Empty : Request.Cookies[FormsAuthentication.FormsCookieName].Value;
          

          this.hfAspSessID.Value = Session.SessionID;

          把session值及身份验证值保存到客户端控件中,然后你就可以通过js获取这两个值,然后传给下面的插件js初始化程序。

         (之所以选择将session值放入到控件中存储,也是怕客户端禁用cookie的考虑。)

       /*-----------------------------以下是js代码----------------------------------*/

       InitUpload: function(auth, AspSessID) {
            $("#uploadify").uploadify({
                uploader: 'Scripts/jqueryplugins/Infrastructure/uploadify.swf',
                script: 'Handlers/ResourceHandler.ashx?OpType=UploadResource',
                cancelImg: 'Scripts/jqueryplugins/Infrastructure/cancel.png',
                queueID: 'fileQueue',
                sizeLimit: '21480000000',
                wmode: 'transparent ',
                fileExt: '*.zip,*.jpg, *.rar,*.doc,*.docx,*.xls,*.xlsx,*.png,*.pptx,*.ppt,*.pdf,*.swf,*.txt',
                auto: false,
                multi: true,
                scriptData: { ASPSESSID: AspSessID, AUTHID: auth },

                ...........//更多配置项,您可以查看官方配置文档

           在插件初始化的时候,把本地记录下来的session值,以及身份验证值传给初始化方法,进行参数赋值,这样,每次异步请求上传文件的时候,相应的 session值就包含在请求文件中了。

       好了,大功告诉,终于可以实现跨浏览器的异步上传了,人生呢?

          

         

          就写到这里,我是百灵。

  • 相关阅读:
    【leetcode】704.BinarySearch
    【leetcode】75.Sort Colors
    MongoChef
    问题 工具的缺陷
    MongoDB
    SpringFox
    npm 包管理工具
    RESTful 设计工具和Web框架
    笔记_JSON
    jsoup: Java HTML Parser
  • 原文地址:https://www.cnblogs.com/zxtceq/p/7356735.html
Copyright © 2011-2022 走看看