所以我尝试使用找到的uploadify插件在我的网站上实现上传功能here到目前为止,这是我的html:
<form id="uploadForm" action="upload_file.php" method="post" enctype="multipart/form-data">
<input type="file" name="file_upload" id="file_upload">
<a href="javascript:$('#file_upload').uploadify('stop')">Stop Uploading</a> | <a href="javascript:$('#file_upload').uploadify('upload','*')">Upload</a>
</form>
这是我的jquery:
$('#file_upload').uploadify({
'auto' : false,
'buttonText' : "BROWSE",
'fileSizeLimit' : '100MB',
'queueSizeLimit' : 1,
'fileTypeDesc' : 'Doc Files',
'fileTypeExts' : '*.doc; *.docx',
'buttonImage' : 'Images/browse-btn.png',
'preventCaching' : false,
'swf' : 'uploadify.swf',
'uploader' : 'upload_file.php'
});
我在文档的顶部有这个:
<script type="text/javascript" src="JS/jquery.uploadify.min.js"></script>
<link rel="stylesheet" type="text/css" href="CSS/uploadify.css" />
所以浏览按钮显示,所有工作找到的选项,但问题是两件事:
1)除非我刷新页面,否则不会加载上传栏。上传栏是这样的:
这是一个swf问题吗?我在这里和那里找到了一些东西,说在浏览器上加载swf有问题。
2)当我尝试点击状态栏上的x或尝试点击它下方的取消/上传链接时,浏览器会给我这个错误:
Uncaught Call to StartUpload failed jquery.uploadify.min.js:16
Uncaught Call to CancelUpload failed
文件最终没有上传(显然)。知道如何解决问题吗?
答案 0 :(得分:1)
您正在使用哪个版本的jQuery以及在哪个浏览器中出现错误。请在所有包含的js文件的顶部添加以下jquery版本
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script
我已粘贴您的所有代码并尝试使用uploadify 3.1版本,但我没有收到任何错误。以下是我的确认代码。
<link rel="stylesheet" type="text/css" href="css/uploadify.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.uploadify-3.1.min.js"></script>
<script type="text/javascript">
$(function() {
$('#file_upload').uploadify({
'auto' : false,
'buttonText' : "BROWSE",
'fileSizeLimit' : '100MB',
'queueSizeLimit' : 1,
'fileTypeDesc' : 'Doc Files',
'fileTypeExts' : '*.doc; *.docx',
'preventCaching' : false,
'swf' : 'uploadify.swf',
'uploader' : 'uploadify.php'
});
});
</script>
</head>
<body>
<form id="uploadForm" action="upload_file.php" method="post" enctype="multipart/form-data">
<input type="file" name="file_upload" id="file_upload">
<a href="javascript:$('#file_upload').uploadify('stop')">Stop Uploading</a> | <a href="javascript:$('#file_upload').uploadify('upload','*')">Upload</a>
</form>
这是我完整的代码,我没有收到错误。请尝试使用上面的代码替换您的代码。
我希望它会对你有所帮助。
答案 1 :(得分:0)
检查您的Flash版本。我在Ubuntu上测试时遇到了问题,因为它有点落后......
答案 2 :(得分:-1)
<强> - &GT;检查您的上传文件夹是否具有写入权限。
<强> - &GT;检查您的php.ini文件以获取上传设置。
答案 3 :(得分:-2)
您只需打开自动上传功能即可。为此,只需删除此行
'auto' : false
一旦将其添加到队列
,它就会开始上传