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

一下博客转自:http://blog.csdn.net/gaojinshan/article/details/38821897
使用Uploadify进行文件上传,Chrome经常会报“喔唷,崩溃啦”的错误,见下图:
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>,则无法实现不缓存。

你可能感兴趣的:(uploadify)