使用HTML5拖放

Question

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

我正在做一个程序，该程序执行以下操作：

1. 我想将文件拖放到按钮上。
2. 用户将能够看到所有拖放的文件。
3. 需要有一个按钮来上传文件。
4. 上传后，将弹出一个进度条，在该条上将有“取消上传和跳过”（如果不想上传特定文件）按钮。

请让我知道我该怎么做。
提前致谢。

Answer 1

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

Answer 2

这是您所遇到的所有问题的非常简单的示例：输入标签中的文件，拖放中的文件，打印文件名并显示进度栏。 我喜欢这个网站，它具有html5的“新”功能，因此操作起来很容易。