我很难解释什么是错误的,但我会尽我所能。 我的网站已经使用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>