Dropzone js在没有表单的情况下无法工作答案

【问题标题】：Dropzone js not working without formDropzone js在没有表单的情况下无法工作
【发布时间】：2013-04-24 09:47:36
【问题描述】：

如何在不使用表单中的类的情况下使用 dropzone。

我基本上想在表单中有一个 div 并在该 div 中调用 class="dropzone"。但这似乎不起作用。

下面是我的代码：

<!DOCTYPE html>
<html lang="en">
    <head>
    <title></title>
    <link rel="stylesheet" href="css/basic.css" />
    <link rel="stylesheet" href="css/dropzone.css"/>
    <script src="dropzone.min.js"></script>
    <script type="text/javascript">
        var myDropzone = new Dropzone("div#myId", { url: "file-upload"})
    </script>

    <body>
        <form action="upload.php">
            <input type="text">
            <div id="myId" class="dropzone"></div>
        </form>
    </body>
</html>

【问题讨论】：

标签： javascript jquery dropzone.js

【解决方案1】：

当 DOM 准备好并像这样使用时启动 .ready 事件。

<!DOCTYPE html>
<html lang="en">
    <head>
    <title></title>
    <link rel="stylesheet" href="css/basic.css" />
    <link rel="stylesheet" href="css/dropzone.css"/>
    <script src="dropzone.min.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function() 
        {
            var myDropzone = new Dropzone("div#myId", { url: "file-upload"});
        });
    </script>

    <body>
        <form action="upload.php">
            <input type="text">
            <div id="myId" class="dropzone"></div>
        </form>
    </body>
</html>

【讨论】：

【解决方案2】：

您的 url 参数未指向任何有效的 php 文件。我相信你的代码应该是这样的

<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<link rel="stylesheet" href="css/basic.css" />
<link rel="stylesheet" href="css/dropzone.css"/>
<script src="dropzone.min.js"></script>
<script type="text/javascript">
    var myDropzone = new Dropzone("div#myId", { url: "upload.php"}) //according to your forms action
</script>

<body>
    <form action="upload.php">
        <input type="text">
        <div id="myId" class="dropzone"></div>
    </form>
</body>

【讨论】：

"file-upload" 是 php 处理的完美途径。 Laravel 是 php 框架的一个示例，它将任何路由映射到您的代码。