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 加载缓慢和未捕获的错误的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Perl 子例程中处理已捕获和未捕获的错误?

Angular2“没有 t 的提供者!”和未捕获(承诺):错误:DI 错误

安装 MailChimp 弹出 js 时出现未捕获错误:引导工具提示需要 Tether 和未捕获 ReferenceError:未定义 Cookie

基于Jquery插件Uploadify实现实时显示进度条上传图片

解决Uploadify上传控件加载导致的GET 404 Not Found问题

uploadify没反应