5

所以我正在尝试使用此处找到的uploadify插件在我的网站上实现上传功能到目前为止，这是我的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

文件最终没有上传（显然）。知道如何解决问题吗？

4

4 回答 4

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>

这是我没有收到错误的完整代码。请尝试用上面的代码替换您的代码。

我希望它会帮助你。

于 2012-10-18T12:02:41.977 回答
0

检查您的闪存版本。我在 Ubuntu 上进行测试时遇到问题，因为它有点落后......

于 2012-10-18T13:56:05.243 回答
-1

-> 检查您的上传文件夹是否具有写入权限。

-> 检查您的 php.ini 文件的上传设置。

于 2012-10-17T13:26:23.537 回答
-2

您只需要打开自动上传。为此，只需删除此行

'auto' : false

一旦您将其添加到队列中，它将立即开始上传

于 2012-10-16T06:09:44.620 回答