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值就包含在请求文件中了。
好了,大功告诉,终于可以实现跨浏览器的异步上传了,人生呢?
就写到这里,我是百灵。
jquery uploadify在谷歌浏和火狐下无法上传的解决方案(.Net版)相关推荐
- jquery uploadify在谷歌浏和火狐下无法上传的解决方案
一.jquery uploadify自我介绍: 支持单文件或多文件上传,可控制并发上传的文件数 在服务器端支持各种语言与之配合使用,诸如PHP,.NET,Java-- 通过参数可配置上传文件类型及大小 ...
- php ajax base64,jQuery实现文件编码成base64并通过AJAX上传的方法
本文实例讲述了jQuery实现文件编码成base64并通过AJAX上传的方法.分享给大家供大家参考,具体如下: 使用AJAX是无法直接上传文件的,一般都是新建个iframe在它里面完成表单提交的过程以 ...
- widow下svn上传项目时的文件可执行权限问题
还是项目上发现的问题,要上传Android的源码项目.这里客户端是windows的机器, 测试后发现俩个问题. 1. 文件后缀是.so的文件默认上传不了. 2. 文件后缀是.sh的文件,上传后, ...
- 解决使用FireFox下Flash上传文件时SESSION丢失的问题(swfupload)
解决使用FireFox下Flash上传文件时SESSION丢失的问题(swfupload) 这几天在项目中遇到的问题,稍微整理一下. HTML 表单是我们常用来进行浏览器与服务器数据交互的途径,除了传 ...
- php上传图片302错误,解决ThinkPHP下使用上传插件Uploadify浏览器firefox报302错误的方法...
最近用ThinkPHP开发一个项目,集成了批量上传文件插件Uploadify,在谷歌Chrome和IE下都能正常上传,只有火狐下提示这个错误,网上找了很多解决办法,基本都说flash在firefox下 ...
- linux下github上传文件,linux下将本地文件上传到github中?
今天编写一份Python基础代码,经过Linux上传到github上,遇到点问题,已经解决 1.首先sudo su 进入root 用户 2.ls 检查出当前文件下有什么文件 3. cd 进入你将要上传 ...
- 【Xasset谷歌分包】打包AAB并上传谷歌商店操作流程分享
项目简述: 模拟驾驶类手游, 打包Apk 包体有1G以上,目前使用的Unity版本为2020.3.33f1c2 Xasset 版本为: xasset.pro-2022.1.3p1 xasset分包资料 ...
- 关于非IE浏览器下Flash上传控件HTTP ERROR 302
原因:非IE浏览器下Flash不能传递SESSION到服务器端,服务器端访问权限可能被限制. 解决方法:以.NET MVC为例. 1.web.config 中加入以下代码 <location p ...
- Windows下Git上传项目代码记录
Git是一款免费.开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目. 1.在git服务上创建一个test项目: 2.https://git-for-windows.github.io/ ...
最新文章
- 车辆检测--DAVE: A Unified Framework for Fast Vehicle Detection and Annotation
- iOS NSString中实用的方法
- 单变量线性回归程序实现
- elasticSearch6源码分析(12)DiscoveryModule
- 生产环境中配置的samba
- ubuntu下vscode调试开发踩过的坑
- linux 程序随命令窗口退出一起退出
- Jmeter 分布式测试完整实践过程(部署成功)
- 矩阵:如何使用矩阵操作进行 PageRank 计算?
- C++基础::一些接口汇总
- Floyd 多源最短路径
- zabbix配置方糖微信推送报警
- 基于POP3协议收取邮件
- opencv将RGB转成YIQ
- 最小二乘法理解与应用
- 程序员因工资低拒绝offer,HR:估计你一辈子就是个程序员
- TextView 的各种max 及maxEms是什么意思
- FastDFS构成、特性、Linux下安装以及Java如何访问
- Iphone, Ipad, Iwatch 屏蔽系统更新提示
- 微信小程序获取滚动条高度_小程序超过高度加滚动条 小程序尺寸规范
热门文章
- Zabbix discoverer processes more than 75% busy原因及解决方法
- MATLAB——如何转换pointcloud格式并读取txt文件并赋值给矩阵
- Qt切换多国语言,简单的流程记录。
- DB2中常用sql语句语法
- php 类调用本身方法,PHP 类中方法的声明与调用
- Read the Docs 从懵逼到入门
- JS带有惯性的拖拽,摩擦,甩动元素
- MyBatis Insert操作(一)
- windows配置双网卡 windows同时使用内网和外网
- PHP编写主机内容过滤,Ecshop教程:通过修改过滤模板里的php代码,防止模板被挂马...