上传加载缓慢和未捕获的错误

时间:2012-10-10 20:21:25

标签: php jquery html file-upload uploadify

所以我尝试使用找到的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)除非我刷新页面,否则不会加载上传栏。上传栏是这样的: Upload Status

这是一个swf问题吗?我在这里和那里找到了一些东西,说在浏览器上加载swf有问题。

2)当我尝试点击状态栏上的x或尝试点击它下方的取消/上传链接时,浏览器会给我这个错误:

Uncaught Call to StartUpload failed jquery.uploadify.min.js:16
Uncaught Call to CancelUpload failed 

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

4 个答案:

答案 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

一旦将其添加到队列

,它就会开始上传