解决jQuery uploadify在非IE核心浏览器下无法上传
一、jqueryuploadify自我介绍：
(1)、大家好，我是jquery插件大家族中负责实现异步上传的插件，我不是唯一，只是较好用的一款。
(2)、我的功能：
支持单文件或多文件上传，可控制并发上传的文件数
在服务器端支持各种语言与之配合使用，诸如PHP,.NET,Java……
通过参数可配置上传文件类型及大小限制
通过参数可配置是否选择文件后自动上传
易于扩展，可控制每一步骤的回调函数(onSelect,onCancel……)
通过接口参数和CSS控制外观
Uploadify主页地址：http://www.uploadify.com/在该页面你可以了解到关于他的更多内容。
(3)、我的用法：
去baidu.com,google.com searchsearch，很多。
二、firefox下我出故障了，是我的问题吗？
jqueryuploadify在ie下可以正常上传，在实现异步上传的时候，每一个文件在上传时都会提交给服务器一个请求。每个请求都需要安全验证，session和cookie的校验。是的，就是这样。由于jqueryuploadify是借助flash来实现上传的，每一次向后台发送数据流请求时，ie会自动把本地cookie存储捆绑在一起发送给服务器。但firefox、chrome不会这样做，他们会认为这样不安全。哈，这就是原因。
找到原因了，在让我们来明白两个概念：
(1)、session:
Session又称为会话状态，是Web系统中最常用的状态，用于维护和当前浏览器实例相关的一些信息。举个例子来说，我们可以把已登录用户的用户名放在Session中，这样就能通过判断Session中的某个Key来判断用户是否登录，如果登录的话用户名又是多少。
我们知道，Session对于每一个客户端（或者说浏览器实例）是“人手一份”，用户首次与Web服务器建立连接的时候，服务器会给用户分发一个SessionID作为标识。SessionID是一个由24个字符组成的随机字符串。用户每次提交页面，浏览器都会把这个SessionID包含在HTTP头中提交给Web服务器，这样Web服务器就能区分当前请求页面的是哪一个客户端。那么，ASP.NET2.0提供了哪些存储SessionID的模式呢！
(2)、Cookie，有时也用其复数形式Cookies，指某些网站为了辨别用户身份、进行session跟踪而储存在用户本地终端上的数据（通常经过加密）。
三、解决方案
1.asp.net环境下
在Global.asax文件中，编写如下代码：
voidApplication_BeginRequest(objectsender,EventArgse)
{
try{
stringsession_param_name="ASPSESSID";
stringsession_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]);
}
elseif(HttpContext.Current.Request.QueryString[session_param_name]!=null)
{
UpdateCookie(session_cookie_name,HttpContext.Current.Request.QueryString[session_param_name]);
}
}
catch{
}
//此处是身份验证
try{
stringauth_param_name="AUTHID";
stringauth_cookie_name=FormsAuthentication.FormsCookieName;
if(HttpContext.Current.Request.Form[auth_param_name]!=null)
{
UpdateCookie(auth_cookie_name,HttpContext.Current.Request.Form[auth_param_name]);
}
elseif(HttpContext.Current.Request.QueryString[auth_param_name]!=null)
{
UpdateCookie(auth_cookie_name,HttpContext.Current.Request.QueryString[auth_param_name]);
}
}
catch{}
}
privatevoidUpdateCookie(stringcookie_name,stringcookie_value)
{
HttpCookiecookie=HttpContext.Current.Request.Cookies.Get(cookie_name);
if(null==cookie)
{
cookie=newHttpCookie(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值就包含在请求文件中了。
2.C#环境下
以上是asp.net下的解决方法，那么C#中应该如何处理呢？
我是这样解决的，这样所有上传文件的代码都不需要修改，改动量最小，但是有安全隐患：
if(this.LoginInfo==null)
{
//解决uploadify兼容火狐谷歌浏览器上传问题
//但是，此代码使系统有安全隐患，Flash程序请求该系统不需要验证
//要解决此安全隐患，需要Flash程序传用户名和密码过来验证，但是该用户名和密码不能写在前端以便被不法用户看到
if(Request.UserAgent=="ShockwaveFlash")
{
return;
}
else
{
filterContext.Result=RedirectToAction("LoginAgain","Account",new{Area="Auth"});
return;
}
}
我们的系统是ASP.NETMVC的，虽说通过加密的方式可以让用户看不到敏感信息，但恶意用户不需要把敏感信息解密出来就可绕过系统验证。
验证信息不能直接写前台，可以用ajax从后台获取验证信息，然后传给flash，然后在拦截器中验证。
修改后：
JS代码：
ajax请求后台获取用户名，传给flash
$(function(){
$.ajax({
url:"/Auth/Account/GetUserNamePwd",
type:"POST",
dataType:"json",
data:{},
success:function(data){
$("#uploadify").uploadify({
height:25,
width:100,
swf:'/Content/Plugins/UploadifyJs/uploadify.swf',
uploader:'UploadFile',
formData:{
userName:data.data.userName,//ajax获取的用户名
pwd:data.data.pwd//ajax获取的密码
},
buttonText:'选择文件上传',
fileSizeLimit:'4MB',
fileTypeDesc:'文件',
fileTypeExts:'*.*',
queueID:'fileQueue',
multi:true,
onUploadSuccess:function(fileObj,data,response){
vard=eval("("+data+")");
$(".uploadify-queue-item").find(".data").html(" 上传完成");
$("#url").val(d.url);
$("#name").val(d.name);
},
onUploadError:function(event,ID,fileObj,errorObj){
if(event.size>4*1024*1024){
alert('超过文件上传大小限制（4M）！');
return;
}
alert('上传失败');
}
});//enduploadify
}
});
});//end$
拦截器中代码：
......
if(this.LoginInfo==null)
{
//解决uploadify兼容火狐谷歌浏览器上传问题
//但是，此代码使系统有安全隐患，Flash程序请求该系统不需要验证
//要解决此安全隐患，需要Flash程序传用户名和密码过来验证，但是该用户名和密码不能写在前端以便被不法用户看到
if(Request.UserAgent=="ShockwaveFlash")
{
stringuserName=Request.Params["userName"];
stringpwd=Request.Params["pwd"];
if(!string.IsNullOrWhiteSpace(userName)&&!string.IsNullOrWhiteSpace(pwd))
{
AuthDALauthDAL=newAuthDAL();
sys_useruser=authDAL.GetUserInfoByName(userName);
if(user!=null&&user.password==pwd)
{
return;
}
}
}
else
{
filterContext.Result=RedirectToAction("LoginAgain","Account",new{Area="Auth"});
return;
}
}
......
3.jsp版解决方法
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<%
Stringsyscontext=request.getContextPath();
%>
<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+"://"
+request.getServerName()+":"+request.getServerPort()
+path;
Stringsessionid=session.getId();
%>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<linkrel="stylesheet"type="text/css"href="<%=syscontext%>/webcontent/resourceManage/wallpapaer/uploadify/uploadify.css"/>
<scripttype="text/javascript"src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<scripttype="text/javascript"src="<%=syscontext%>/webcontent/resourceManage/wallpapaer/uploadify/jquery.uploadify-3.1.min.js"></script>
<!--注意我使用的jqueryuploadify版本-->
<scripttype="text/javascript">
//用来计算上传成功的图片数
varsuccessCount=1;
$(function(){
varuploadUrl='<%=basePath%>/uploadresource.do;jsessionid=<%=sessionid%>?Func=uploadwallpaper2Dfs';
varswfUrl2="<%=basePath%>/webcontent/resourceManage/wallpapaer/uploadify/uploadify.swf";
$('#file_upload').uploadify({
'swf':swfUrl2,
'uploader':uploadUrl,
//Putyouroptionshere
'removeCompleted':false,
'auto':false,
'method':'post',
'onUploadSuccess':function(file,data,response){
add2SuccessTable(data);
}
});
});
/**
*将成功上传的图片展示出来
*/
functionadd2SuccessTable(data){
varjsonObj=JSON.parse(data);
for(vari=0;i<jsonObj.length;i++){
varoneObj=jsonObj[i];
varfileName=oneObj.fileName;
varimgUrl=oneObj.imgUrl;
vartd_FileName="<td>"+fileName+"</td>";
vartd_imgUrl="<td><imgwidth='150'src='"+imgUrl+"'></img></td>";
varoper="<td><inputtype='button'value='删除'onclick='deleteRow("+successCount+")'/></td>";
vartr="<trid='row"+successCount+"'>"+successCount+td_FileName+td_imgUrl+oper+"</tr>";
$("#successTable").append(tr);
successCount++;
}
}
functiondeleteRow(i){
$("#row"+i).empty();
$("#row"+i).remove();
}
</script>
<title>Inserttitlehere</title>
</head>
<body>
<inputtype="file"name="file_upload"id="file_upload"/>
<p>
<ahref="javascript:$('#file_upload').uploadify('upload','*')">开始上传</a>
<ahref="javascript:$('#file_upload').uploadify('cancel','*')">取消所有上传</a>
</p>
<tableid="successTable">
<tr>
<td>文件名</td>
<td>图片</td>
<td>操作</td>
</tr>
</table>
</body>
</html>
总结
简单的说，最终的解决办法就是可以在每个引用的文件后面加个随机数，让它每次请求都带个参数，该问题则自动解决