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

最新推荐文章于 2023-05-17 14:26:17 发布

杭州山不高

最新推荐文章于 2023-05-17 14:26:17 发布

阅读量1.2w

点赞数

分类专栏： AJAX/JQuery HTML/CSS/JS Servlet/JSP

本文链接：https://blog.csdn.net/gaojinshan/article/details/38821897

版权

HTML/CSS/JS 同时被 3 个专栏收录

16 篇文章 0 订阅

订阅专栏

Servlet/JSP

14 篇文章 0 订阅

订阅专栏

AJAX/JQuery

4 篇文章 0 订阅

订阅专栏

使用Uploadify进行文件上传，Chrome经常会报“喔唷，崩溃啦”的错误，见下图：

很显然，这是Chrome浏览器缓存功能，所导致的问题。从LOG里也能看到：
正常的情况下，会请求文件（jquery.uploadify.min.js）；而崩溃的情况下，则没请求它。

网上搜索到了如下的两种解决方法：
1、添加代码，禁止缓存
JAVA代码：

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代码：

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

HTTP代码：

<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代码：

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

不清楚为什么（难道是用了Struts，SiteMesh，Velocity等？），上述的方法都没效果，只有下面这个方法，才有效：

<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>，则无法实现不缓存。