Javascript Dropzone js在没有表单的情况下无法工作_Javascript_Jquery_Dropzone.js

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

javascript jquery

Javascript Dropzone js在没有表单的情况下无法工作,javascript,jquery,dropzone.js,Javascript,Jquery,Dropzone.js,如何在不使用窗体中的类的情况下使用dropzone 我基本上希望在表单中有一个div，并在该div中调用class=“dropzone”。但它似乎不起作用下面是我的代码： <!DOCTYPE html> <html lang="en"> <head> <title></title> <link rel="stylesheet" href="css/basic.css" /> <link

如何在不使用窗体中的类的情况下使用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>


var myDropzone=newdropzone（“div#myId”，{url:“文件上传”}）

在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>


jQuery（文档）.ready（函数（）
{
var myDropzone=newdropzone（“div#myId”，{url:“文件上传”}）；
});

您的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>


var myDropzone=newdropzone（“div#myId”，{url:“upload.php”}）//根据您的表单操作

“文件上传”是php处理文件的完美途径。是php框架的一个示例，它将任何路径映射到代码。