asp.net – 如何为我的网络应用程序获取类似Gmail的文件上传？

从链接：

• Upload multiple files at once by ctrl/shift-selecting in dialog
• Javascript callbacks on all events
• Get file information before upload starts
• Style upload elements with XHTML and css
• Display information while files are uploading using HTML
• No page reloads necessary
• Works on all platforms/browsers that has Flash support.
• Degrades gracefully to normal HTML upload form if Flash or
  javascript is unavailable
• Control filesize before upload starts
• Only display chosen filetypes in dialog
• Queue uploads,remove/add files before starting upload

Demos

—– iframe上传—–

要开始，您希望在您的页面上有一个iframe。这是为了服务器通信。你以后会隐藏它，但现在，请保持可见。给这个iframe一个名称属性，如“uploader”或某事。

现在，在您的表单中，将目标设置为iframe的名称，以及对服务器上接受文件上传的脚本的操作(如使用文件上传的正常格式)。在该表单中添加一个包含文本“添加文件”的链接。设置该链接以运行一个JavaScript函数，它将向表单添加一个新的输入。这可以通过DOM完成，但我会推荐一个像jquery这样的javascript库。

一旦将新的文件输入添加到表单中，将该输入的blur事件设置为将提交表单的javascript函数，然后定期检查输出。读取iframe可能是棘手的，但它是可能的。

让你的文件上传脚本输出一个“完成”。或上传完成时的文件名或内容。

每隔一段时间检查一次，直到有内容。一旦你有内容，杀死你的计时器，并用文件名称替换文件输入(或“文件已上传”)或其他。

用css隐藏你的iframe