【www.gdgbn.com--jquery】

jquery uploadify在谷歌和火狐下无法上传的解决方案

一、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 = "asps教程essid";
            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值就包含在请求文件中了。

本文来源:http://www.gdgbn.com/wangyezhizuo/29647/