Uploadify 加载缓慢和未捕获的错误
Posted
技术标签:
【中文标题】Uploadify 加载缓慢和未捕获的错误【英文标题】:Uploadify Loading Slow and Uncaught Errors 【发布时间】:2012-10-01 09:59:21 【问题描述】:所以我正在尝试使用找到的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
文件最终没有上传(显然)。知道如何解决这个问题吗?
【问题讨论】:
遇到下一个问题,是你的情况吗? ***.com/questions/4034239/… @OfirBaruch 不完全是,我没有 http 错误。我相信我的问题是当我点击上传或取消时网站不知道该怎么做。加上我的 htaccess 文件不是那么广泛,只是一些重写条件 @John Bernal 您使用的是哪个版本...您也尝试过 HTML5 版本吗? @Baba 不只是 Flash 版本。你是什么意思which of the version are you using
,你的意思是哪个版本的uploadify?如果是这样,我正在使用 3.1
只是想知道它的版本v3.1.1
【参考方案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>
这是我没有出错的完整代码。请尝试用上面的代码替换您的代码。
希望对你有帮助。
【讨论】:
【参考方案2】:检查您的 Flash 版本。我在 Ubuntu 上进行测试时遇到了问题,因为它有点落后......
【讨论】:
【参考方案3】:-> 检查您的上传文件夹是否具有写入权限。
-> 检查您的 php.ini 文件的上传设置。
【讨论】:
是的,因为正常的 html 上传有效。但我想让它更漂亮一点,所以我正在使用它。所以这不是权限问题。【参考方案4】:您只需开启自动上传即可。为此只需删除此行
'auto' : false
一旦您将其添加到队列中,它就会开始上传
【讨论】:
我放 auto: false 是有原因的。我不希望它立即上传。这甚至不是我在帖子中所说的问题。以上是关于Uploadify 加载缓慢和未捕获的错误的主要内容,如果未能解决你的问题,请参考以下文章
Angular2“没有 t 的提供者!”和未捕获(承诺):错误:DI 错误
安装 MailChimp 弹出 js 时出现未捕获错误:引导工具提示需要 Tether 和未捕获 ReferenceError:未定义 Cookie
基于Jquery插件Uploadify实现实时显示进度条上传图片