2013-04-24 60 views
2

如何在不使用窗体中的类的情况下使用dropzone。Dropzone js不能在没有窗体的情况下工作

我基本上是想有一个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> 

回答

-1

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

+1

“文件上传”是PHP处理一个完美的路线。 [Laravel](http://laravel.com/docs/5.1/routing)是一个php框架的示例,它将任何路线映射到您的代码。 – 2015-06-30 14:27:22

2

启动.ready事件,当DOM准备就绪,这样使用。

<!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> 
+0

我得到悬浮窗没有定义错误 – Volatil3 2015-12-28 03:08:11

相关问题