Dropzonejs没有Form

时间:2016-03-25 18:37:15

标签: javascript dropzone.js

有没有办法在不使用Form的情况下使用Dropzone js。 我想使用如下。但这样就不会显示图像预览。

    <div class="dropzone" id="dropzoneForm">
      <div class="fallback">
       <input name="file" type="file" multiple/>
      </div>
    </div>

1 个答案:

答案 0 :(得分:7)

阅读docs中的更多内容,它将解释人们现在面临的许多问题..无论如何,这是您问题的解决方案:

<!DOCTYPE html>
<html lang="en">

  <head>
    <link rel="stylesheet" href="css/basic.css" />
    <link rel="stylesheet" href="css/dropzone.css" />
    <script src="dropzone.min.js"></script>
    <script>
      var myDropzone = new Dropzone("div#myId", {
        url: "/file/post"
      });
      $("div#myId").dropzone({
        url: "/file/post"
      });

    </script>
  </head>

  <body>
    <div id="myId" class="fallback" class="dropzone">
      <input name="file" type="file" multiple />
    </div>
  </body>

我在这里做的是给div一个链接的URL,所以你不必使用表格!