如何为我的网络应用程序上传类似Gmail的文件？

Question

我想为我的一个项目添加类似gmail的文件上传功能.任何人都可以帮我吗？

我的应用程序是在vb.net中构建的.

我将不胜感激任何帮助或指导.

谢谢

Answer 1

查看SWFUpload,它本质上是flash的绝对优秀的文件上传处理功能的javascript api.最好的事情,直到浏览器终于​​迎头赶上.

来自链接:

• 通过对话框中的ctrl/shift-selection一次上传多个文件
• 所有事件的Javascript回调
• 上传开始前获取文件信息
• 使用XHTML和css样式上传元素
• 使用HTML上载文件时显示信息
• 无需重新加载页面
• 适用于具有Flash支持的所有平台/浏览器.
• 如果Flash或javascript不可用,则优雅地降级为普通的HTML上传表单
• 上传开始前控制文件大小
• 仅在对话框中显示所选的文件类型
• 队列上传,在开始上传之前删除/添加文件

演示

----- iframe上传-----

首先,您希望页面上有iframe.这适用于服务器通信.你稍后会隐藏它,但是现在,让它保持可见.给iframe一个名称属性,比如"uploader"或者什么.

现在,在您的表单中,将目标设置为iframe的名称,并将操作设置为您将在服务器上接受文件上载的脚本(如带有文件上载的普通表单).在该表单中添加文本"添加文件".设置该链接以运行javascript函数,该函数将向表单添加新输入.这可以通过DOM完成,但我会推荐像jquery这样的javascript库.

将新文件输入添加到表单后,将该输入的blur事件设置为将提交表单的javascript函数,然后定期检查输出.阅读iframe可能很棘手,但这是可能的.

让您的文件上传脚本输出"完成".或上传完成后的文件名或内容.

每隔一秒检查一次,直到有内容.获得内容后,终止计时器并将文件输入替换为文件名(或"File Uploaded")或其他内容.

用css隐藏你的iframe.

Answer 2

来自YUI!(雅虎用户界面),https://yuilibrary.com/yui/docs/uploader/

1. 在单个"打开文件"对话框中选择多个文件.
2. 文件扩展名过滤器,以方便用户选择.
3. 文件上传的进度跟踪.
4. 一系列文件元数据:文件名,大小,创建日期,修改日期和作者.
5. 在文件上载过程的各个方面调度的一组事件:文件选择,上载进度,上载完成等.
6. 在文件上载POST请求中包含其他数据.
7. 由于修改了SEND缓冲区大小,宽带连接上的文件上载速度更快.
8. 完成文件上载后的同页服务器响应.

完全免费