小编典典

如何为我的Web应用程序上传类似Gmail的文件?

javascript

我想为我的一个项目添加类似gmail的文件上传功能。有人可以帮我吗?

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

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

谢谢


阅读 303

收藏
2020-08-05

共1个答案

小编典典

请查看SWFUpload,它实际上是Flash绝对优越的文件上传处理功能的JavaScript API。最好的东西,直到浏览器终于​​赶上。

来自链接:

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

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

首先,您要在页面上放置一个iframe。这用于服务器通信。稍后将其隐藏,但暂时将其保持可见。为该iframe提供名称属性,例如“ uploader”或其他名称。

现在,在您的表单中,将目标设置为iframe的名称,将操作设置为您在服务器上拥有的将接受文件上传的脚本(例如带有文件上传的普通表单)。在该表单内添加带有文本“添加文件”的链接。设置该链接以运行javascript函数,该函数将向表单添加新的输入。这可以通过DOM来完成,但是我建议使用像jquery这样的javascript库。

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

让您的文件上传脚本输出“完成”。上传完成后输入文件名或其他名称。

每隔一秒左右检查一次,直到发现内容为止。拥有内容后,终止计时器并将文件输入替换为文件名(或“ File Uploaded”)。

使用CSS隐藏您的iframe。

2020-08-05