DropzoneJS没有"附加"正确

时间:2014-06-17 09:13:15

标签: javascript jquery firefox dropzone.js

我很难解释什么是错误的,但我会尽我所能。 我的网站已经使用dropzone一年多了,它完美运行,没有我不必更新文件。然而,自上周以来,它突然停止了工作。

我唯一可以链接到这一点的事实是我的Firefox浏览器从版本29.0.1更新到30.0,但IE,Chrome,Safari也停止了工作......很奇怪。

我尝试了很多不同的东西试图让它再次发挥作用,但它似乎仍然失败了很多次!我尝试更新文件,我尝试了不同的初始化选项,从硬编码的javascript表单插入,到官方的jquery创建方法,没有。

当我使用下面列出的jquery方法时,div保持为空。

$("#test").dropzone({ url: "my/action-page.php" });

接下来我又回到了完整的基础知识,一个单独的html文件,其中包含了dropzone.js和jquery库。

我创建了一个id为#test的div,并且有一个文件就绪函数尝试加载dropzone ......没有。当我使用带有回退方法的硬编码javascript表单时,会显示,所以看起来有些东西正在运行,但我真的无法弄清楚什么是错的。

这是我的完整测试页代码:

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta name="description" content="x">
        <meta name="keywords" content="x">
        <meta name="author" content="x">
        <meta charset="UTF-8">
        <link href="jquery/css/ui-lightness/jquery-ui-1.10.0.custom.css" rel="stylesheet" type="text/css" />
        <link href="jquery/css/ui-lightness/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css" />
        <script src="jquery/jquery-1.11.1.js" type="text/javascript"></script>
        <script src="jquery/jquery-ui-1.10.0.custom.js" type="text/javascript"></script>
        <script src="dropzone.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function()
            {               
                /*content = '<form action="my/action-page.php" method="post" class="dropzone" enctype="multipart/form-data">';
                    content += '<div class="fallback">';
                        content += '<input name="file" type="file" />';
                        content += '<input type="submit" name="upload" value="Upload" />';
                    content += '</div>';
                content += '</form>';
                $("#test").html(content);*/

                $("#test").dropzone({ url: "modules/projects/workLetter.php?action=uploadWorkLetter&projectID=1" });
            });

            function test()
            {
                $("#test").dropzone({ url: "modules/projects/workLetter.php?action=uploadWorkLetter&projectID=1" });
            }
        </script>
    </head>

    <body>
        <div id="test"></div>
        <button type="button" onclick="test();">Reload with javascript</button>
    </body>
</html>

0 个答案:

没有答案