使用HTML5拖放

Question

我正在研究HTML5，也是其中的新手。

我正在做一個程序，該程序執行以下操作：

1. 我想將文件拖放到按鈕上。
2. 用戶將能夠看到所有拖放的文件。
3. 需要有一個按鈕來上傳文件。
4. 上傳后，將彈出一個進度條，在該條上將有“取消上傳和跳過”（如果不想上傳特定文件）按鈕。

請讓我知道我該怎么做。
提前致謝。

Answer 1

如果您知道一些jQuery，則可以使用jQuery UI droppable / dragable： http : //jqueryui.com/demos/droppable/

Answer 2

這是您所遇到的所有問題的非常簡單的示例：輸入標簽中的文件，拖放中的文件，打印文件名並顯示進度欄。 我喜歡這個網站，它具有html5的“新”功能，因此操作起來很容易。