拖动文件到浏览器中实现上传？

[tg01]

一般上传文件都是点“浏览”，然后在弹出窗口中选择。但我想让可以直接像是操作资源管理器一样，把想要上传的文件拖到浏览器窗口的指定位置便能够实现上传功能。

客户端最好是不需要安装任何控件或者组件

请教各位大大思路应该是如何？

[tg01]

[Quote=引用 2 楼 ciznx 的回复:]

嗯，有了HTML5，你的想法成为了现实。

HTML5 标准支持拖拽，HTML5 的 File API 让 web 开发者可以读取文件内容
然后扩展的 Javascript 里的 XmlHttpRequest （即 ajax 对象）包含的 upload 属性可用于上传，亦可用send 直接发送文件内容

参考：
HTML5 File API初探 支持文件拖放上传功能

提升用户体……
[/Quote]


IE9都不支持啊……况且公司基本上都是XP，IE6那个大悲剧，HTML5基本上就可以3166了

[wzn1987]

哈，苦命的娃，现在感觉IE6真是太恐怖了，奈何公司的客户还很多使用IE6

[tg01]

看来现在的条件是比较困难了，算鸟。弹窗
让他们选得了

[yue547283947]

鼠标点击文件的时候 获取该文件的路径就OK

[ciznx]

嗯，有了HTML5，你的想法成为了现实。

HTML5 标准支持拖拽，HTML5 的 File API 让 web 开发者可以读取文件内容
然后扩展的 Javascript 里的 XmlHttpRequest （即 ajax 对象）包含的 upload 属性可用于上传，亦可用send 直接发送文件内容

参考：
HTML5 File API初探 支持文件拖放上传功能

提升用户体验：HTML5 拖放文件上传


演示：
https://bug503598.bugzilla.mozilla.org/attachment.cgi?id=388413


需要 Chrome 6 及 Firefox 3.6 和 Safari 5 以上浏览器支持

[LMAOhuaNL]

高手如云了，我顶 了了

[子夜__]

弄个DIV 拖拽上去 获取文件的路径 然后再批量上传

上传控件

[yannis_lin]

我最近也要做这个拖拽上传。。。。有经验的传授一下