Uploadify，Chrome报“喔唷，崩溃啦”的解决方法

andy_angel

浏览: 38625 次
性别:
来自: 北京

最近访客更多访客>>

zhangeyeit

lindow

justsimple

yangshenming

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Chrome谷歌浏览器

一下博客转自：http://blog.csdn.net/gaojinshan/article/details/38821897
使用Uploadify进行文件上传，Chrome经常会报“喔唷，崩溃啦”的错误，见下图：

很显然，这是Chrome浏览器缓存功能，所导致的问题。从LOG里也能看到：
正常的情况下，会请求文件（jquery.uploadify.min.js）；而崩溃的情况下，则没请求它。
网上搜索到了如下的两种解决方法：
1、添加代码，禁止缓存
JAVA代码：
[java] view plaincopy在CODE上查看代码片派生到我的代码片

response.setHeader("Pragma","no-cache"); //HTTP 1.0  
response.setHeader("Cache-Control","no-cache"); //HTTP 1.1  
response.setDateHeader ("Expires", 0); //prevents caching at the proxy server

JSP代码：
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片

<HEAD>  
<%  
response.setHeader("Pragrma","no-cache");  
response.setHeader("Cache-Control","no-store");  
response.setDateHeader("Expires",0);%>  
</HEAD>

HTTP代码：
[html] view plaincopy在CODE上查看代码片派生到我的代码片

<HEAD>  
<meta HTTP-EQUIV="pragma" CONTENT="no-cache">  
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">  
<meta HTTP-EQUIV="expires" CONTENT="0">  
</HEAD>

2、加时间戳或随机数，禁止缓存JSP代码：
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片

<HEAD>  
<script type="text/javascript"  
    src="js/jquery.uploadify.min.js?r=<%=new Random().nextInt()%>"></script>  
</HEAD>

不清楚为什么（难道是用了Struts，SiteMesh，Velocity等？），上述的方法都没效果，只有下面这个方法，才有效：
[javascript] view plaincopy在CODE上查看代码片派生到我的代码片

<HEAD>  
<script language="javascript" type="text/javascript">  
    //防止客户端缓存文件，造成uploadify.js不更新，而引起的“喔唷，崩溃啦”  
    document.write("<script type='text/javascript' "  
            + "src='js/jquery.uploadify.min.js?" + new Date()  
            + "'></s" + "cript>");  
</script>  
</HEAD>

注意：因为Math.random() 只能在Javascript 下起作用，故只能通过Javascript的调用才可以；
若上面改为(<script type="text/javascript" src="*.js?+Math.random()"></script>，则无法实现不缓存。