假人指导使dropzone.js工作?

时间:2013-11-17 08:53:53

标签: c# javascript jquery asp.net razor

我正在尝试将drag-n-drop文件上传到我的网站,并找到了一个名为Dropzone.js的java,它拥有我需要的一切。 。 。我根本不知道如何使用它!

到目前为止,我一直只使用剃刀ASP.NET (c#) / HTML / CSS编程,但到目前为止还没有javascript / jquery。

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

由于我目前对java缺乏了解,我提前道歉但是我被困了!!

我想知道的是:

我已经理解了正确的事情,我不应该直接修改Dropzone.js,我应该将它用作库并将其集成到我的其他脚本中,例如在另一个.js文件中。正确的吗?

非常感谢任何帮助。

亲切的问候,

Daniel A. Rischel

..根据要求编辑。

1 个答案:

答案 0 :(得分:0)

嗯,你有点不对劲。它可能与问题无关,但请注意这些脚本是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(stackoverflow标记)

在第二个链接中,您可以查看使用什么代码处理的问题的基本问题。简单的方法将由您掌控!你只需要艰苦的工作就需要一些指导。祝你好运!

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

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

http://jquery.com

这种方法最好,因为你会知道你正在使用什么代码以及它将做什么。使用插件是一种简单的方法。但我的偏好是第二个;创建自己的插件。