dropbox.com的多文件上传功能如何工作?

时间:2011-03-01 20:55:59

标签: html html5 xhtml

Dropbox的网站前端允许用户从同一个对话框上传多个文件。

这是如何工作的?它是一些尖端的HTML标签吗?还是花哨的JavaScript?还是Flash / Java嵌入式应用程序?

这太棒了,我认为它确实不可能!

请告知。

3 个答案:

答案 0 :(得分:3)

上次我检查过它是Flash。它使用ActionScripts FileReference类。如果您想将此类功能添加到您自己的应用程序,请查看http://swfupload.org/

一开始最让我感到惊讶的是,你可以拥有这种功能,没有任何消息要求用户许可。我习惯了这种功能的java applet,并且要访问需要签名的文件系统,并在执行前请求用户权限。 Flash的诀窍就在于:

  • 打开FileDialog以选择文件
  • 您可以对所选文件执行的唯一操作是上传

因此,用户不会面临安全风险,因为程序员永远无法访问文件系统。

答案 1 :(得分:0)

我刚检查过这个...当你右键点击上传文件按钮时,你会发现它是一部flash电影。所以这是一些闪光的东西。

你能做的是:

<form action="file-upload.php" method="POST" enctype="multipart/form-data">
Send these files:<br>
<input name="userfile[]" type="file"><br>
<input name="userfile[]" type="file"><br>
<input type="submit" value="Send files">

其中file-upload.php遍历文件并上传它们。

用于添加更多文件,您可以通过javascript创建输入元素。

没有特殊的html元素可以做到这一点。

答案 2 :(得分:0)

大多数多上传解决方案(Dropbox不是唯一的,也不是第一个)利用闪存构建的上传处理程序与任何类型的服务器端代码来处理/处理上传。

还有其他选择,使用AJAX,如

在Google上搜索ajax upload以获取更多信息,或者通过搜索Flash上​​传来转到swf路线。还有很多针对你的风格或语言编写的教程(无论你选择什么)