ios jquery upload白屏 jquery uploadify

走吧，一起来探个究竟。

一、jquery uploadify自我介绍：

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

  (2)、我的功能：

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

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

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

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

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

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

　　　　Uploadify主页地址： 在该页面你可以了解到关于他的更多内容。

   (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值就包含在请求文件中了。
----------------------以上内容参见 
uploadif 遇到的别的问题：
ps1:ajax向ashx传参数的问题，默认情况下method的传值方式为post,
script 可提供URL传递参数。用来传递get参数。例如：
  index.jsp?id=1&action=uploadify可以设置成：
'script': 'index.jsp',
'scriptData':{'id':1,'action':'uploadify'},
若要后台获取到scriptData中的参数，则method一定要设置为get。
ps2:oncomplete返回值的参数。如下：
onComplete: function(event, queueID, fileObj,response) {
  alert(response);  }
-------------以上内容参见