使dropzone.js工作的傻瓜指南

Dummies guide to making dropzone.js work?

本文关键字：傻瓜工作 dropzone js 更新时间：2023-09-26

我正在尝试实现一个拖放文件上传到我的网站，并发现了一个名为Dropzone的java.js，它包含我需要的一切。我只是不知道如何使用它！

到目前为止，我只用 razor ASP.NET (c#)/HTML/CSS 编程，但到目前为止还没有 javascript/jquery。

这是剃刀网页，所以没有 mvc。

由于我目前缺乏Java知识，我提前道歉，但我被困住了！

我想知道的是：

如果我理解正确，我不应该直接修改 Dropzone.js我应该将其用作库并将其集成到我的其他脚本中，例如在另一个.js文件中。正确？

任何这方面的帮助将不胜感激。

亲切问候

丹尼尔·里舍尔

..根据要求编辑。

好吧，你有点错了。它可能与问题无关，但请注意这些脚本是 JavaScript 和

java != javascript

明白了吗？:)请以后尽量注意这一点。此外，Java 代码不能添加到这些服务器端语言中，因为 java 本身就是一种语言。您可以使用JavaScript或其库（jQuery）并创建一些插件。

如果我理解正确，我不应该直接修改 Dropzone.js我应该将其用作库并将其集成到我的其他脚本中，例如在另一个.js文件中。正确？

没错，您需要将此插件dropzone.js链接到该站点

<script href="/link/to/dropzone.js"></script>

然后，您将在链接它的整个页面上使用此脚本。

而且你永远不应该编辑插件的源代码，直到或者除非你知道你在做什么。因为您可能会弄乱代码。

我真的很想看到一些源代码示例，说明单个文件拖放文件上传表单的外观。我已经用谷歌搜索了一下，但还没有找到我可以使用的东西。

您是否尝试阅读他们的文档？他们在网站的默认（主页）页面上也有很好的代码解释。实际上，这取决于您设置样式的方式。它只是一个插件，您需要添加自己的 CSS 代码来设置表单样式。此插件不会为您设置表单样式，它所做的只是处理上传事件并返回结果。因此，这意味着表单创建和元素完全取决于您！

如果有一个傻瓜教程来制作这项工作，我真的很想被指出正确的方向！

没有完美的答案可以为您提供，但是我将为您提供一些基础知识

http://www.javascriptoo.com/dropzone-js

https://stackoverflow.com/questions/tagged/dropzone.js?sort=newest&pageSize=15（堆栈溢出标记）

在第二个链接中，您可以查看使用什么代码处理的最基本问题是什么。简单的方法将被你使用！在艰苦的工作中，您需要一些指导。祝你好运！

我给你的建议是先了解并学习jQuery，然后学习如何进行ajax调用。之后，您将知道如何创建和处理事件。基本代码将是

$('input[type=file]').change(function () { // change in value
   // send the file via ajax 
}

http://jquery.com

这种方法将是最好的，因为您将知道您正在使用什么代码以及它将做什么。使用插件是一个简单的方法，然后是这个。但我更喜欢第二个;创建您自己的插件。