没有表格的 Dropzonejs

Question

有没有什么方法可以不使用Form而使用Dropzone js。我想像 following.But 这样使用图像预览不显示。

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

Answer 1

阅读 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 dropzone">
      <input name="file" type="file" multiple />
    </div>
  </body>

我在这里做的是给 div 一个 url 到 link 这样你就不必使用表格了！

没有表格的 Dropzonejs

Dropzonejs without Form

javascript

dropzone.js