使dropzone.js正常工作的虛擬指南？

Question

我正在嘗試將拖放文件上傳到我的網站，並發現了一個名為Dropzone.js的Java，它包含了我需要的所有內容。 。 。 我只是不知道如何使用它！

到目前為止，我只在razor ASP.NET (c#) / HTML / CSS進行編程，但到目前為止，還沒有javascript / jquery。

這是剃須刀的網頁，所以沒有mvc。

由於我目前對Java的了解不足，我事先表示歉意，但我被卡住了！

我想知道的是：

如果我理解正確，我不應該直接修改Dropzone.js，我應該將其用作庫並將其集成到其他腳本中，例如，另一個.js文件中。 正確？

在這方面的任何幫助將不勝感激。

親切的問候，

丹尼爾·A·里歇爾

..根據要求進行編輯。

Answer 1

好吧，你有點錯了。 它可能與問題無關，但請注意，這些腳本是JavaScript和

java != javascript

明白了嗎？ :)請嘗試在將來注意這一點。 另外，由於Java本身是一種語言，因此無法將Java代碼添加到這些服務器端語言中。 您可以使用JavaScript或其庫（jQuery）並創建一些插件。

如果我理解正確，我不應該直接修改Dropzone.js，我應該將其用作庫並將其集成到其他腳本中，例如，另一個.js文件中。 正確？

是的，您需要使用以下方式將此插件dropzone.js鏈接到網站

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

然后，您將在鏈接該腳本的整個頁面上使用此腳本。

而且，除非您不知道自己在做什么，否則永遠不要編輯插件的源代碼。 因為您可能會弄亂代碼。

我真的很想看到一些源代碼示例，這些示例顯示了單個文件拖放文件的上傳形式。 我已經在Google上進行了廣泛的搜索，但沒有找到可以使用的東西。

您是否嘗試閱讀他們的文檔？ 他們在網站的默認（主頁）頁面上也有很好的代碼說明。 確實，這僅取決於樣式。 它只是一個插件，您將需要添加自己的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

此方法將是最好的，因為您將知道所使用的代碼以及它將執行的操作。 那么使用插件是一種簡單的方法。 但是我更喜歡第二種。 創建自己的插件。