为什么我不能使用库 dropzone？

Question

我有这个样本：

我们实现了找到的 dropzone 库 here 并尝试使用... 不幸的是，我编写的代码（我在官方网站上找到的）不起作用

代码 HTML:

<form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form>

你能告诉我如何使用这个库并查看 jsdfiddle 中的示例吗？

提前致谢！

Answer 1

你的代码没问题。但是您连接的 JS 文件不起作用。我已经测试了你的代码。这是正确的。另外，您没有连接 dropzone.css。没有它，您将无法获得正确的界面。查看带有从 cdnjs.com

链接的 dropzonejs 的片段

<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.js"></script>

<form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form>

Answer 2

要更改文本，请使用：

$(function () {
  setTimeout(function () {
    $(".dz-message").text("Drop tabs here to upload");
  }, 1500);
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/4.0.1/dropzone.js"></script>

<form action="/file-upload" class="dropzone" id="my-awesome-dropzone"></form>

为什么我不能使用库 dropzone？

Why can not I use the library dropzone?

html

css

dropzone.js