2013-04-24 4 views
2

양식에 클래스를 사용하지 않고서 어떻게 dropzone을 사용할 수 있습니까?Dropzone js가 양식없이 작동하지 않습니다.

기본적으로 양식 내에 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> 

답변

-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 경로를 코드에 매핑하는 프레임 워크의 예입니다. –

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

내가 DROPZONE하지 정의 오류 – Volatil3

관련 문제