【问题标题】:Uploadify Loading Slow and Uncaught ErrorsUploadify 加载缓慢和未捕获的错误
【发布时间】: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 

文件最终没有上传(显然)。知道如何解决这个问题吗?

【问题讨论】:

  • 遇到下一个问题,是你的情况吗? stackoverflow.com/questions/4034239/…
  • @OfirBaruch 不完全是,我没有 http 错误。我相信我的问题是当我点击上传或取消时网站不知道该怎么做。加上我的 htaccess 文件不是那么广泛,只是一些重写条件
  • @John Bernal 您使用的是哪个版本...您也尝试过 HTML5 版本吗?
  • @Baba 不只是 Flash 版本。你是什​​么意思which of the version are you using,你的意思是哪个版本的uploadify?如果是这样,我正在使用 3.1
  • 只是想知道它的版本v3.1.1

标签: php jquery html file-upload uploadify


【解决方案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 是有原因的。我不希望它立即上传。这甚至不是我在帖子中所说的问题。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-06-26
      • 2016-03-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多