jquery-uploadify打不开浏览文件的对话框,点浏览按钮没反映
代码如下:<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><!DOCTYPEHTMLPUB...
代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>uploadify-实例</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="./uploadify/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./uploadify/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="./uploadify/swfobject.js"></script>
<script type="text/javascript" src="./uploadify/jquery.uploadify.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#uploadify").uploadify({
'uploader' : './uploadify/uploadify.swf',
'script' : './uploadify/uploadify.php',
'cancelImg' : './uploadify/cancel.png',
//'buttonImg' : 'uploadify/buttonImg.png',
//'folder' : '/jxdBlog/photos',
'queueID' : 'fileQueue',
'auto' : false,
'multi' : true,
'wmode' : 'transparent',
'simUploadLimit' : 999,
'fileExt' : '*.png;*.gif;*.jpg;*.bmp;*.jpeg',
'fileDesc' : '图片文件(*.png;*.gif;*.jpg;*.bmp;*.jpeg)',
'onAllComplete' :function(event,data)
{
alert("error");
//$('#result').html(data.filesUploaded +'个图片上传成功');
}
});
});
</script>
<style type="text/css">
.inputcss
{
color:#333333;
font-family: "Tahoma";
font-size: 12px;
border:solid 1px #CCCCCC;
}
.buttoncss
{
color:#333333;
font-family: "Tahoma";
font-size: 12px;
background-color:#FFFFFF;
border:solid 1px #CCCCCC;
}
</style>
</head>
<body>
<table style="width: 90%;">
<tr>
<td style="width: 100px;">
<input type="file" name="uploadify" id="uploadify" />
</td>
<td align="left">
<a href="javascript:$('#uploadify').uploadifyUpload()">开始上传</a>|
<a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消上传</a>
<span id="result" style="font-size: 13px;color: red"></span>
</td>
</tr>
</table>
<div id="fileQueue" style="width: 400px;height: 300px; border: 2px solid green;"></div>
</body>
</html>
文件结构如下图(我的代码写在test.jsp中): 展开
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>uploadify-实例</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="./uploadify/uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./uploadify/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="./uploadify/swfobject.js"></script>
<script type="text/javascript" src="./uploadify/jquery.uploadify.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#uploadify").uploadify({
'uploader' : './uploadify/uploadify.swf',
'script' : './uploadify/uploadify.php',
'cancelImg' : './uploadify/cancel.png',
//'buttonImg' : 'uploadify/buttonImg.png',
//'folder' : '/jxdBlog/photos',
'queueID' : 'fileQueue',
'auto' : false,
'multi' : true,
'wmode' : 'transparent',
'simUploadLimit' : 999,
'fileExt' : '*.png;*.gif;*.jpg;*.bmp;*.jpeg',
'fileDesc' : '图片文件(*.png;*.gif;*.jpg;*.bmp;*.jpeg)',
'onAllComplete' :function(event,data)
{
alert("error");
//$('#result').html(data.filesUploaded +'个图片上传成功');
}
});
});
</script>
<style type="text/css">
.inputcss
{
color:#333333;
font-family: "Tahoma";
font-size: 12px;
border:solid 1px #CCCCCC;
}
.buttoncss
{
color:#333333;
font-family: "Tahoma";
font-size: 12px;
background-color:#FFFFFF;
border:solid 1px #CCCCCC;
}
</style>
</head>
<body>
<table style="width: 90%;">
<tr>
<td style="width: 100px;">
<input type="file" name="uploadify" id="uploadify" />
</td>
<td align="left">
<a href="javascript:$('#uploadify').uploadifyUpload()">开始上传</a>|
<a href="javascript:jQuery('#uploadify').uploadifyClearQueue()">取消上传</a>
<span id="result" style="font-size: 13px;color: red"></span>
</td>
</tr>
</table>
<div id="fileQueue" style="width: 400px;height: 300px; border: 2px solid green;"></div>
</body>
</html>
文件结构如下图(我的代码写在test.jsp中): 展开
8个回答
展开全部
你那个flash上传按钮显示出来了吗?如果没有,把你引入js和swf的路径./uploadify/改成uploadify/试试。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
换个浏览器试试
我前段用的uploadify
IE7下点不开,样式不生效
其他都可以
我前段用的uploadify
IE7下点不开,样式不生效
其他都可以
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
找到原因了!!!!晕死啊!
查看页面源码 flash对象标签<object>的有个data属性。
里面
就有载入的uploadify.swf的路径,插件自动生成的路径错了,写个JS方法重新获得这个flash对象,重新设置下data属性里的路径就好
了。但是我在FF下好使了
,IE8下还不行,我发现这个flash是JS动态生成的,在不同浏览器和操作系统下不太一样,我的是win7 64位。总之这个插件问题太多了,不用了。
查看页面源码 flash对象标签<object>的有个data属性。
里面
就有载入的uploadify.swf的路径,插件自动生成的路径错了,写个JS方法重新获得这个flash对象,重新设置下data属性里的路径就好
了。但是我在FF下好使了
,IE8下还不行,我发现这个flash是JS动态生成的,在不同浏览器和操作系统下不太一样,我的是win7 64位。总之这个插件问题太多了,不用了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
'uploader' : './uploadify/uploadify.swf',
'script' : './uploadify/uploadify.php',
改成
'swf' : './uploadify/uploadify.swf',
'uploader' : './uploadify/uploadify.php',
自带的index.php里面就是这样写的
写教程的人估计是用老版本的吧
'script' : './uploadify/uploadify.php',
改成
'swf' : './uploadify/uploadify.swf',
'uploader' : './uploadify/uploadify.php',
自带的index.php里面就是这样写的
写教程的人估计是用老版本的吧
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询